Písmo je neoddeliteľnou súčasťou webdizajnu a dodáva serveru osobitý štýl. Kvalitný text na stránke by mal vyzerať harmonicky, mal by byť kombinovaný s ostatnými prvkami stránky a zároveň prispievať k lepšiemu vnímaniu informácií. Pomocou značiek HTML a kaskádových tabuliek CSS môžete prispôsobiť takmer akékoľvek nastavenie, aby ste maximalizovali výkon stránky.
Nevyhnutné
súbor písma vo formáte TTF
Inštrukcie
Krok 1
Ak chcete použiť sadu fontov nainštalovaných v počítači, môžete použiť parameter rodiny fontov kaskádových štýlov. Za týmto účelom zadajte nasledujúci kód pre požadovanú položku:
Text
Tento príkaz zobrazí nadpis druhej úrovne h2 v písme Arial.
Krok 2
Ak chcete použiť svoje vlastné písmo, musíte ho najskôr nahrať na hostiteľský server a povoliť pomocou príslušného príkazu. Súbory TTF sú súčasťou nasledujúceho príkazu:
Atribút font-family v tomto prípade určuje názov písma a src: url (font.ttf) určuje cestu k súboru TTF.
Krok 3
Po povolení prvku ho môžete použiť na zobrazenie textu:
Text
Tento príkaz je zodpovedný za zobrazenie požadovaného písma písma kurzívou v záhlaví druhej úrovne. Ak prehliadač používateľa nepodporuje spracovanie súborov TTF, použije sa systémové písmo zadané za prvou čiarkou (v tomto prípade Verdana).
Krok 4
Niektoré prehľadávače nepodporujú stiahnuteľný formát TTF. Napríklad Internet Explorer 8 používa na zobrazovanie textu formát EOT. Pre takéto prehliadače konvertujte pôvodný TTF pomocou viacerých služieb a výsledný typ písma zahrňte do parametra @ font-face rovnakým spôsobom.
Krok 5
Ak chcete importovať požadovaný súbor z iného zdroja, použite príkaz @import, ktorý musí byť napísaný v hornej časti dokumentu CSS:
@import url (https:// font_address)
