← Všechny nástroje
/ Font Pairing Tool
🔤
Nástroj pro párování písem Google
Objevte dokonalé kombinace písem Google pro svůj web, aplikaci nebo značku. Náhled vybraných párů písem s vlastním textem. Okamžitě zkopírujte značku odkazu CSS.
Kód importu CSS
Jak vybrat perfektní párování písem
Skvělá typografie je základem nezapomenutelného designu. Pravá párování písem vytváří vizuální hierarchii, vytváří osobnost značky a usnadňuje čtení obsahu. Tento nástroj poskytuje odborně upravené párování z Písma Google — vše zdarma a s otevřeným zdrojovým kódem.
Principy párování písem
Kontrast a doplněk — Spárujte hlavičku patky s tělem bez patky. Kontrast vytváří vizuální zajímavost při zachování čitelnosti.
Konzistentní proporce — Vyberte písma s podobnou výškou x pro vizuální harmonii. Nesouhlasné proporce působí rušivě.
Hierarchie na prvním místě — Písmo nadpisu by mělo upoutat pozornost. Písmo těla by mělo zmizet – čitelné bez povšimnutí.
Omezit na dvě písma — Dvě dobře vybraná písma jsou téměř vždy lepší než tři nebo více. Pro rozmanitost použijte velikost, váhu a barvu.
Často kladené otázky
Ano, všechna písma na Google Fonts jsou vydána pod licencemi open source (většinou SIL Open Font License nebo Apache License). Můžete je volně používat pro komerční weby, aplikace, tiskové materiály a loga bez uvedení zdroje.
Dvě metody: (1) Přidejte a
<link> tag ve vašem HTML <head>. (2) Použití @import ve vašem souboru CSS. Oba se vygenerují, když kliknete na pár – zkopírujte kód pro import CSS z panelu pod mřížkou.Slightly. Chcete-li minimalizovat dopad na výkon: použijte font-display: swap, předem se připojte k fonts.googleapis.com, načtěte pouze váhy, které potřebujete, a zvažte samohostování kritických písem. Google Fonts CDN je celosvětově ukládán do mezipaměti, takže opakované návštěvy se načítají okamžitě.
Pro dlouhý text: Inter, Open Sans, Source Sans 3 a Lato jsou vynikající volbou. Při velikosti písma 14–18 pixelů a výšce řádku 1,5–1,7 tato písma maximalizují čitelnost na všech velikostech obrazovky.