Thanks to the Figma Tokens plugin, you can easily change the font family of the entire system in a few minutes. How to change the font family of the entire project? For instance, if your design team has utilized "Montserrat" with a font weight of "800" exclusively for headings, you can adjust your CSS as follows: Instead, you can implement a straightforward CSS override. In the ‘Family’ input below, search and select a font family you want to use for your headings.Īs of now, Ant Design does not offer a token for controlling the font family specifically for headings when it differs from the fontFamily token.In the plugin’s Text tab, press Command (or Ctrl on Windows) and select all text styles that have Heading in their name. If you want to use a different font family for your headings: The plugin may not automatically recognize the need for a change, for instance, when transitioning from a font with a "Semi Bold" name to one with a "SemiBold" weight. Therefore, it's crucial to use the Batch Styler plugin for styles that share the same font weight. It's worth noting that some fonts may have varying naming conventions for font weights. You might have observed that the Batch Styler displayed a warning icon when the font family name was different, such as when transitioning from SF Pro Text to Inter.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |