If you're using the Figma desktop app, you can find your local fonts in the font picker: It allows Figma to access fonts on your computer, and open Figma links in the desktop app. Figma desktop appįigmaAgent is a secure background service that Figma also installs when you install the desktop app. To access these fonts in the font picker, you'll need to use the Figma desktop app ↓ or install the Figma font service ↓.
Mac: How to install and remove fonts on your Mac (via Apple). To allow Figma to access these fonts, you need to add or install them on your device: If you've purchased your own fonts, or have a catalog of fonts on your computer, you can also use these in Figma. Teams on the Organization plan can upload and use shared fonts, regardless of platform.įigma gives you access to a catalog of Google Web Fonts, which you can use without having to install anything. Chromebook and Linux users can only use Google's Web Fonts. 
tip: define font-weight and font-style to keep your CSS simple by Roger Johansson shows what to do in more detail.Caution: Figma doesn't support local fonts for devices running ChromeOS or Linux. If you are importing multiple weights of the same font, you can specify what their weight/style is and then use different values of font-weight/ font-style to choose between them, rather than having to call all the different members of the font family different names.
font-weight/ font-style: These lines specify what weight the font has and whether it is italic or not. Because the browser will search through them according to the rules of the cascade, it's best to state your preferred formats, like WOFF2, at the beginning. Multiple declarations can be listed, separated by commas. The latter part in each case is optional, but is useful to declare because it allows browsers to more quickly determine which font they can use. src: These lines specify the paths to the font files to be imported into your CSS (the url part), and the format of each font file (the format part). This can be anything you like as long as you use it consistently throughout your CSS. font-family: This line specifies the name you want to refer to the font as.
0 kommentar(er)
