Community forum for knowledge and support

Updated 8 months ago

Changing the font in the relume style guide

At a glance

The community member who posted the original question is asking if there is an easy way to change the font in the Relume style guide, or if they have to go through each heading and text size and weight individually. In the comments, another community member suggests that if the headings are set up using REM, a change to the "Body (All Pages)" element could cascade to the other elements. They provide an example of how changing the body text size would affect the computed pixel sizes of the headings. However, the original poster clarifies that they are asking about Figma, and wonders if there is a "body all pages" option in Figma to make a global font change.

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?

B
S
2 comments

Do you mean change other HTML-level stuff by making a single change to the <body> element?<br /><br />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.<br /><br />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.

Sorry - I mean in Figma. Is there like a "body all pages" option in Figma?

Add a reply
Sign up and join the conversation on Slack