---
version: 0.0.0-development
generatedAt: 2026-10-22T16:06:38.432Z
checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40
---

## Typography

The Figma brand exports supply Eufemia's font sizes and line heights. Use the existing `--font-size-*` and `--line-height-*` CSS properties; their values follow the selected brand. These properties are Eufemia's established typography API. Light and dark mode use the same typography values.

- [Font sizes](/uilib/typography/font-size/) – CSS properties, values by brand, and responsive sizes.
- [Line heights](/uilib/typography/line-height/) – CSS properties, values by brand, and responsive line heights.
- [Font weights](/uilib/typography/font-weight/) – the weight scale and its CSS properties.
- [Typography for designers](/quickguide-designer/fonts#typographic-elements) – DNB typographic examples.

Responsive typography uses these brand values at Eufemia's existing breakpoints. See the font-size and line-height tables for the values used by `<Typography.Context responsive>`.