How to Download Font into Figma: A Step-by-Step Guide

Designing for languages other than English can be challenging, especially when it comes to selecting the right font. In this article, we'll explore how to download and use fonts in Figma, specifically focusing on Noto Sans and Noto Serif fonts.

Searching for the Right Font

To begin, search for the relevant Noto font in Figma's font picker. You can filter by language when looking for Google Web Fonts. If you're searching for a specific language, such as Chinese, Japanese, or Korean, you'll see shorthand names like 'Noto Sans SC' or 'Noto Serif KR'. This makes it easy to find the right font for your project.

Downloading Noto Fonts

Google has a repository of open-source fonts that support various languages, including syllabary and logogram based languages. You can search for languages, regional variations, and font names on the Google Noto website or select another font that supports the language you're writing in.

Using Font Fallback

Font fallback allows you to use characters and icons that aren't specifically supported by a particular font. This feature is especially useful when designing for languages like Chinese, Japanese, or Korean. If a font doesn't support a character you input, Figma will render that specific character in a Noto font.

Native Fonts Supported by Figma

Figma supports the following native fonts by language:

* Korean: Dotum, Gulim, Batang, Gungsuh

* Chinese (Simplified): SimSun, KaiTi, Microsoft YaHei

* Chinese (Traditional): Ming Light, Microsoft JhengHei

* Japanese: Apple SD Gothic Neo

Installing Fonts on Your Computer

If you're using Figma in the browser, you can install the Figma Font Helper to access fonts installed on your computer. If you're using the Figma desktop app, you can use any fonts already on your computer.

Using a Chinese (Pinyin), Japanese (Kana), or Korean keyboard? You can update your keyboard layout from any Figma file.

By following these steps and tips, you'll be able to download and use Noto Sans and Noto Serif fonts in Figma with ease. Happy designing!

Download font into figma