LovesTheTeam.com

Pokyny

1

Můžete zadat možnosti písmo, které by prohlížeč měl používatzobrazuje konkrétní blok textu na stránce těsně před začátkem tohoto bloku. K tomu jsou dostatečné nástroje značkovacího jazyka, aniž by byly použity popisy stylů prvků dokumentu. Příslušná struktura HTML se skládá z písma otevírání a zavírání značek (<font> a </ font>), mezi kterými je umístěn text. Tato značka umožňuje zadat jméno písmo v atributu obličeje, jeho barvě (v atributu barvy) avelikost (atribut velikosti). Barva může být zadána v textovém označení (například modrá), ale je lepší použít hexadecimální kódy (například # 0000FF namísto modré), protože s jejich pomocí můžete přesněji vybrat správný odstín. Velikost písmo zde je uvedeno v relativních jednotkách - je třeba zadat číslo v rozmezí od 1 do 7. Ukázkový text s parametry zadanými tímto způsobem písmo<Font color = "Navy" face = "Verdana" size = "5"> Sample Text </ font>

2

Další možností je použít atribut stylu. Lze jej specifikovat v mnoha značkách, včetně těch, které vytvářejí malá nebo bloková místa s textem v těle dokumentu. Zde je příklad s značku tvoří jeden odstavec textu: <p style = "font: 20px 700/12 Verdana;"> Sample Text </ p> V tomto případě číslo 700 - je vlastnost font-weight a 20px - font-size. Ve skutečnosti se téměř vzájemně duplikují - nastavují velikost písmen. Jediným rozdílem je, že velikost písma označuje rozměry v absolutních jednotkách (px nebo em) a hmotnost písma v relativních jednotkách, tj. Zvyšuje nebo snižuje velikost tohoto textového bloku vzhledem k zadanému pro celý dokument jako celek. Jak chápete, používání oba zároveň ve stejném atributu stylu nemá smysl, tady jsou kombinovány pouze jako příklad. Číslo 12, označené zlomek po absolutní velikosti, určuje výšku řádků v tomto odstavci. A Verdana je samozřejmě jméno použitého písmo.

3

Specifikace parametrů písmo přímo v tagu elementu stránkyjen zřídka. Typicky jsou popisy písem vykresleny do bloků CSS a tagy určují pouze odkazy na ně - v atributech třídy nebo id. Vzorek tohoto typu indikací parametrů písmo: <style = "text / css"> .paraFont {font: 20px / 40 Verdana;} </ style> <p class = "paraFont"> ukázkový text </ p>

4

Pokud na stránce není žádná konkrétní písma,pak můžete nastavit parametry například pro všechny značky <p> a nezadávat odkazy na popis stylu v atributu třídy nebo id. V tomto případě může být předchozí vzorek zjednodušen do následujícího formátu: <style = "text / css"> p {font: 20px / 40 Verdana;} </ style> <p> ukázkový text </ p>

Tip 2: Jak nastavit písmo v html

Písmo je nedílnou součástí webového designucharakteristický styl místa. Kvalitní text na stránce by měl vypadat harmonicky, kombinovat s dalšími prvky webu a současně přispívat k lepšímu vnímání informací. Pomocí značkovacího jazyka HTML a kaskádových tabulek CSS můžete nastavit téměř všechny parametry, které pomáhají dosáhnout maximálního výkonu stránky.

Budete potřebovat

• - soubor písma ve formátu TTF.

Pokyny

1

Chcete-li použít soubor písem nainstalovaných v počítači, můžete použít parametr rodiny písma kaskádových stylových listů. Chcete-li to provést, zadejte následující kód pro požadovanou položku:

Text

Tento příkaz zobrazí hlavičku druhé úrovně h2 s textem Arial headsetu.

2

Pokud chcete použít vlastní písmo,musí být nejprve nahrán do hostitele a aktivován pomocí příslušného příkazu. Soubory TTF obsahují následující příkaz: @ font-face {font-family: font; src: url (font.ttf); } Atribut font-family v tomto případě určuje název písma náhlavní soupravy a src: url (font.ttf) určuje cestu k souboru TTF.

3

Po aktivaci položky ji můžete použít k zobrazení textu:

Text

Tento příkaz je zodpovědný za výstup potřebnéhofont font italic v hlavičce druhé úrovně. Pokud prohlížeč uživatele nepodporuje zpracování souborů TTF, použije se systémové písmo (v tomto případě Verdana) po prvním čárku.

4

Některé prohlížeče nepodporují stahováníTTF. Internet Explorer 8 například používá formát EOT k zobrazení textu. U takových prohlížečů převádějte původní TTF pomocí několika služeb a stejným způsobem zahrňte přijatou náhlavní soupravu do možnosti @ font-face.

5

Chcete-li soubor importovat z jiného zdroje, použijte příkaz @import, který potřebujete zapsat do horní části dokumentu CSS: @import url (http: // adresa písma)