From 2007 to 2014, Vernon designed 51 fonts, including some of the most popular fonts on the web for Google fonts. There are simply certain fonts that work better than others and unfortunately Oswald for example often does not, even when you increase the letter spacing. Nunito was created by Vernon Adams, a typographer whose passion was designing free, open-source fonts for community use. Rasmus Andersson came up with the idea for Inter in his work on Figma. Go to your Downloads folder and extract the compressed file. Figma designer Rasmus Andersson learned that first hand while creating Inter a font meant to make it easier to read text on computer screens. Download the font you want to import to Figma.

As you can see, the font choice has also made the text less visually appealing. It takes a lot of work to invent a typeface.

The templates are open-source and you can start using them instantly in Figma. ❌ Whereas the image on the right has the text more compact which makes for tricky reading. For inspiration, check out the Google Fonts Pairings templates on Figma. Now all of your text will be using the Google Fonts that you chose Google Fonts is a great way to add some personality to your web projects. Integrate seamlessly with Google to collaborate on Figma design files, or work together in FigJamall within the tools you already use. To use a different font, you can install it on your computer and access it in your Figma design files. Choose Add External CSS, and paste in the code from the Get the code page. Attach Figma and FigJam files to Google Calendar events to prep for meetings early on and point attendees to the right resources. By default, Figma includes Google fonts in Figma design files. Follow these steps to import Google Fonts into Figma: Open your Figma project and select the Text tool. Here we used a letting spacing of 0.05em on the heading to make sure it pops well. In Figma, open the project you want to use the font in, and go to the File menu. This gives you access to a wide range of high-quality, free-to-use fonts. Furthermore, it also has a font that lends itself better to looking great for both texts and headings, which is ‘Open Sans’. ✅ As you can see from the examples below, the smaller box on the left has better spacing for text design. Trying to get your text to look appealing on any digital platform requires a lot of thought around fonts, colours, the differentiation between headings and normal text and one area often overlooked – letter spacing. Use Letter Spacing Effectively & Choose the Correct Font 😎

Figma uses google fonts