Jak Nastavit Písmo V Html

Obsah:

Jak Nastavit Písmo V Html
Jak Nastavit Písmo V Html

Video: Jak Nastavit Písmo V Html

Video: Jak Nastavit Písmo V Html
Video: 10: How to Import New Fonts | Basics of CSS | Learn HTML and CSS | HTML Tutorial 2024, Smět
Anonim

Písmo je nedílnou součástí webového designu a dodává webu osobitý styl. Vysoce kvalitní text na stránce by měl vypadat harmonicky, měl by být kombinován se zbytkem prvků webu a současně přispívat k lepšímu vnímání informací. Pomocí značek HTML a kaskádových tabulek CSS můžete přizpůsobit téměř jakékoli nastavení, abyste maximalizovali výkon stránky.

Jak nastavit písmo v html
Jak nastavit písmo v html

Nezbytné

soubor písma ve formátu TTF

Instrukce

Krok 1

Chcete-li použít sadu písem nainstalovanou v počítači, můžete použít parametr rodiny fontů kaskádových stylů. Chcete-li to provést, zadejte následující kód požadované položky:

Text

Tento příkaz zobrazí nadpis h2 druhé úrovně v písmu Arial.

Krok 2

Pokud chcete použít vlastní písmo, musíte ho nejprve nahrát na hostování a povolit pomocí příslušného příkazu. Soubory TTF jsou součástí následujícího příkazu:

Atribut font-family v tomto případě určuje název písma a src: url (font.ttf) určuje cestu k souboru TTF.

Krok 3

Po povolení prvku jej můžete použít k zobrazení textu:

Text

Tento příkaz je zodpovědný za zobrazení požadovaného písma písma kurzívou v záhlaví druhé úrovně. Pokud prohlížeč uživatele nepodporuje zpracování souborů TTF, použije se systémové písmo zadané za první čárkou (v tomto případě Verdana).

Krok 4

Některé prohlížeče nepodporují stahovatelný TTF. Například Internet Explorer 8 používá k zobrazení textu formát EOT. U takových prohlížečů převeďte původní TTF pomocí více služeb a výsledné písmo zahrňte do parametru @ font-face stejným způsobem.

Krok 5

Pokud chcete importovat soubor, který potřebujete, z jiného zdroje, použijte příkaz @import, který musí být napsán v horní části dokumentu CSS:

@import url (https:// font_address)

Doporučuje: