Jak zjistit názvy rodin písem pro CSS

Rodinné názvy písem (font‑family) slouží v kaskádových stylech (CSS) k identifikaci konkrétního typu písma. Protože většina písem má různé varianty (např. Arial Black, Verdana Bold), používá se právě název rodiny – např. Arial, Helvetica nebo Verdana. Generické rodiny jako sans‑serif nebo monospace umožňují prohlížeči zvolit výchozí písmo, pokud není požadovaná varianta nainstalována.

Krok 1 – Zjistěte název písma

Otevřete složku Fonts (Start → zadejte fonts a stiskněte Enter). Vyhledejte požadované písmo a poznamenejte si jeho název. Například Windows obsahuje písmo Arial s mnoha variantami; společným názvem rodiny je „Arial“. Pro běžný text použijte rodinu Arial, pro konkrétní variantu Arial Narrow. V praxi se pro hlavní část obsahu volí generický název rodiny a specifické písmo se používá jen pro nadpisy.

Krok 2 – Vytvořte font‑stack

Přidejte generický název rodiny na konec seznamu (stacku) písem. Stack je řada preferencí, která zajišťuje záložní písmo, pokud uživatel nemá první písmo nainstalováno. Pro serifová písma (např. Georgia, Times New Roman) zakončete stack názvem serif. Pro bezserifová písma (např. Helvetica, Verdana) použijte sans-serif. Další generické názvy jsou monospace, cursive a fantasy. Poznámka: při použití @font-face jsou generické názvy irelevantní.

Pro názvy složené ze dvou a více slov použijte uvozovky. Jednoslovná písma (např. Arial, Georgia) uvozovky nepotřebují. Můžete použít jednoduché i dvojité uvozovky, ale směsování může vést k chybám. Příklad správného zápisu:

body {
    font-family: "Helvetica Neue", Arial, sans-serif;
}

V tomto stacku prohlížeč nejprve hledá Helvetica Neue. Pokud není k dispozici, použije Arial, a pokud ani to chybí, zvolí výchozí sans‑serif podle nastavení uživatele.

Tip

• Někteří známí designéři, například Paul Irish a Chris Coyier, doporučují zcela vynechat dlouhé font‑stacky a uvádět jen generické rodiny (např. Helvetica, Arial, sans-serif). Tím se respektují uživatelská nastavení a šetří čas, protože moderní prohlížeče tyto písma často automaticky zvolí.

URL:https://cs.whycomputer.com/Software/100106586.html