> ## Documentation Index
> Fetch the complete documentation index at: https://www.twicecommerce.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Editor storefrontu - Typografie

> Nastavte rodiny písem a škálování pro nadpisy a text napříč storefrontem.

![Panel nastavení typografie v editoru storefrontu](https://mintcdn.com/twicecommerce/lZhc_tO8u1u_bL0Q/images/theme-editor-typography.webp?fit=max\&auto=format\&n=lZhc_tO8u1u_bL0Q\&q=85\&s=a0048375a5a7ce12e74df96ebb6e1e79)

Editor storefrontu > Typografie

Panel Typografie řídí, jaká písma se zobrazují na vašem storefrontu a jak velká jsou. Písma se načítají z Google Fonts, v rozbalovací nabídce je dostupný celý katalog. Změny platí globálně na každé stránce.

## Nadpisy

| Nastavení | Typ | Výchozí | Rozsah | Popis |
| - | - | - | - | - |
| Písmo | Rozbalovací nabídka | Inter | Katalog Google Fonts | Rodina písma pro všechny nadpisy (H1–H3). |
| Měřítko | Posuvník | 100 % | 50–150 % | Proporcionálně zvětší nebo zmenší velikosti všech nadpisů. |

## Text

| Nastavení | Typ | Výchozí | Rozsah | Popis |
| - | - | - | - | - |
| Písmo | Rozbalovací nabídka | Inter | Katalog Google Fonts | Rodina písma pro text, popisky a popisy. |
| Měřítko | Posuvník | 100 % | 50–150 % | Proporcionálně zvětší nebo zmenší velikosti všeho textu. |

> [!NOTE]
>
> Měřítko písma upravuje všechny velikosti proporcionálně. Jednotlivé úrovně nadpisů (H1, H2, H3) a velikosti textu nelze nastavit samostatně. Pro výchozí velikost nastavte měřítko na 100 %.

## CSS proměnné

```css CSS proměnné theme={null}
:root {
  --storefront-heading-font-family: Inter;
  --storefront-heading-font-scale: 100%;
  --storefront-body-font-family: Inter;
  --storefront-body-font-scale: 100%;
}
```

## Související články

> **[Barvy](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/colors.md)**
>
> Definujte barevnou paletu storefrontu.

> **[Rozložení](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/layout.md)**
>
> Řízení šířky stránky a rozestupů.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.