On this site, all global styles are applied in the core layout wrapper component.ĭo keep in mind that if you're using a CSS-in-JS library that makes use of the object syntax rather than the template literal syntax, you may run into problems when using multiple rules. In the examples below I'm using Emotion's global syntax, but you can define the declaration wherever best suits your project. This site is using the increasingly popular Inter and Source Serif Pro's variable version. In this article we will go over the key techniques to get started.įor an overview on variable font usage in general, take a look at MDN's guide. If you're new to Gatsby, or haven't spent much time dealing with assets in webpack, it can be quite difficult to know where to begin. ![]() Variable fonts are a great way to add flexibilty to a design, while potentially also reducing the overhead of loading multiple variations of a typeface.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |