Easy Font Change in Relume Style Guide: Quick Tips

·May 29, 2024 09:03 PM

Is there an easy way to change the font in the relume style guide, or do I have to go through each heading and each text size and weight and change them?

2 comments

· Sorted by Oldest

Brandon B.
·
Do you mean change other HTML-level stuff by making a single change to the <body> element? Pretty sure if you have your "All H1 Headings" etc. set up in REM, you can make a change to the Body (All Pages) element that will cascade to the others. For example, if you have all H1s set to 3 rem, and all H2s set to 1.5 rem, and you change your Body (All Pages) element from 16px text height to 20, your 3 rem H1 will go from 48 to 60 computed pixels and your h2s will go from 24 to 30 computed pixels.
Sara M.
·
Sorry - I mean in Figma. Is there like a "body all pages" option in Figma?

Brandon B.
·
Do you mean change other HTML-level stuff by making a single change to the <body> element? Pretty sure if you have your "All H1 Headings" etc. set up in REM, you can make a change to the Body (All Pages) element that will cascade to the others. For example, if you have all H1s set to 3 rem, and all H2s set to 1.5 rem, and you change your Body (All Pages) element from 16px text height to 20, your 3 rem H1 will go from 48 to 60 computed pixels and your h2s will go from 24 to 30 computed pixels.
Sara M.
·
Sorry - I mean in Figma. Is there like a "body all pages" option in Figma?