Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Fonts | Creating and Organizing Objects
UI/UX with Figma
course content

Course Content

UI/UX with Figma

UI/UX with Figma

1. Figma Basic Tools
2. Creating and Organizing Objects
3. Creating Visuals
4. Prototyping
5. Submitting Work

book
Fonts

In typography, font families refer to groups of related fonts that share a common design style but have variations in weight, width, and other attributes. In Figma, as in most design tools, users can choose from various font families. Here's a breakdown of common types of font families you can use:

Serif Fonts

Serif fonts feature small decorative strokes, or "serifs", at the ends of their characters. They are commonly used in print and for formal, traditional designs, lending a sense of elegance and classic appeal.

Examples: Times New Roman, Georgia, Playfair Display.

Sans-Serif Fonts

Sans serif fonts are clean and lack decorative strokes at the ends of their characters. These fonts are popular in digital and modern designs due to their excellent readability on screens and minimalist style.

Examples: Arial, Helvetica, Roboto, Open Sans.

Slab Serif Fonts

Slab serif fonts are a subtype of serif fonts characterized by thick, block-like serifs. They are often used for bold statements in branding and headlines, providing a strong and impactful look.

Examples: Rockwell, Clarendon, Roboto Slab.

Monospaced Fonts

Monospace fonts, also known as fixed-pitch or non-proportional fonts, allocate the same horizontal space to each character. These are ideal for coding, tabular data, or technical design contexts where alignment is crucial.

Examples: Courier New, Consolas, Source Code Pro.

Script Fonts

Script fonts are designed to mimic handwriting or calligraphy, often featuring connecting strokes. They are perfect for elegant, creative, or personal designs that require a touch of sophistication or artistic flair.

Examples: Pacifico, Lobster, Dancing Script.

Decorative/Ornamental Fonts

Decorative fonts are highly stylized and unique, created for specific, non-regular use cases. They are best suited for thematic projects, logos, or titles where a distinct and eye-catching appearance is required.

Examples: Jokerman, Papyrus, Chiller.

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 2. Chapter 8
We're sorry to hear that something went wrong. What happened?
some-alt