Kombinace písem
Nástroj na párování písem zobrazí náhled 12 vybraných kombinací Google Fonts pro nadpisy a běžný text, umožní ti písma kombinovat sám a zkopíruje odpovídající CSS @import.
O tomto nástroji
Nástroj na párování písem zobrazí náhled 12 vybraných kombinací Google Fonts pro nadpisy a běžný text, umožní ti písma kombinovat sám a zkopíruje odpovídající CSS @import.
Jak ho použít
- Vyber jednu z připravených kombinací, nebo si sám zvol písmo pro nadpisy a text.
- Tlačítkem Náhodná kombinace můžeš objevovat další možnosti.
- Prohlédni si živý náhled nadpisu a odstavce.
- Klikni na Kopírovat CSS @import a načti písma na svém webu.
Dobré vědět
- Klasická kombinace staví do kontrastu patkové a bezpatkové písmo, například Playfair Display se Source Sans 3.
- Mezi kombinace patří Montserrat + Merriweather, Raleway + Lato, Space Grotesk + Inter a DM Serif Display + DM Sans.
- Omezení webu na dvě rodiny písem udržuje stránky jednotné a snižuje objem stahovaných dat.
- Náhled načítá zvolená písma z Google Fonts v řezech 400 a 700.
- Přidání display=swap do URL písma zobrazí záložní text, dokud se webové písmo nenačte.
Běží celý ve vašem prohlížeči — nic, co zadáte, se nenahrává ani neukládá.
Časté dotazy
Která písma se k sobě hodí?
Dobře spolu obvykle fungují písma s kontrastním stylem, ale podobnými proporcemi, například kontrastní patkový nadpis s čistým bezpatkovým textem. Připravené kombinace jsou osvědčené.
Kolik písem by měl web používat?
Pro většinu webů stačí dvě rodiny — jedna na nadpisy a jedna na text. Třetí je potřeba jen zřídka.
Jsou Google Fonts zdarma i pro komerční použití?
Ano. Písma v knihovně Google Fonts jsou vydána pod otevřenými licencemi, jako je SIL Open Font License, a lze je používat komerčně.
Jak písma přidám na svůj web?
Vlož zkopírovaný @import na začátek svého CSS, nebo ho převeď na tag link v hlavičce HTML, a pak nastav font-family pro nadpisy a body.