![]() ![]() In a lot of lessons in this course, we're actually going to be building on top of topics that we've previously covered already on Tuts+. ![]() Okay, now with that bit of housekeeping out of the way, back to the fonts. And I'll provide a link in the notes below this video to the instructions on how you can get that local font enabler set up on your system. Now, this one is only available for Mac and Windows. If you're using the online version of Figma, then you can still use local fonts as well, but you're gonna need to install the Figma Font Helper. So you might just need to take some manual steps to make sure that your fonts are inside that folder, and then you'll be all good on Linux as well. This will also pick up your local fonts automatically, but in my experience so far, it will only pick up fonts that are inside your user share fonts TTF folder. It's also free and open source, and I will link to that in the notes below this video if you are working on Linux. There isn't actually an official Linux version of the Figma desktop application, but there is an unofficial version which is built on Electron. If you're using the desktop editor on either Windows or Mac, then it will just automatically pick up your local fonts. You can either go via the desktop application for your operating system. However, if you want to use local fonts, fonts that you have installed on your machine inside Figma, there are two ways. Now, Google Fonts are automatically available for you inside Figma, whether you're using a desktop version or an online version. And in each of these examples, the first four of the fonts that you're seeing on the screen here come from Google Fonts. So just to quickly rattle them off, we've got serif fonts, sans serif fonts, slab serif fonts, semi-serif, script, and monospace. What you can see on the screen here is a set of examples of each of the different classifications of font. So if you know which category you're looking for, you can immediately reduce the number of fonts that you need to troll through down to a sixth of what it otherwise would be. There are six essential categories of fonts. Generally speaking, if you have an idea what type of a style you're going for in a design, you're gonna be able to match that to a certain category or a classification of font. So first up, we're looking at font classification because it just helps to simplify the process of font selection. Then we're gonna move on to combining fonts together, and then the third part, we're gonna talk about font stacks. The first part is gonna be about the different classifications of fonts. This first section of the course is gonna be all about font selection, and we're gonna break that into three parts. ![]() Welcome to the first section of Web Typography Basics in Figma.
0 Comments
Leave a Reply. |