Jednoduché možnosti stylingu umožňují změnit písmo (nebo typ) webové stránky pomocí CSS (Cascading Style Sheets). Můžete nastavit písmo jednotlivých slov, konkrétní věty, nadpisy, celé odstavce a dokonce i celé stránky textu.
Jak změnit písmo pomocí CSS
Níže popsané změny HTML a CSS můžete provést pomocí libovolného editoru HTML nebo textového editoru. Můžete buď zkopírovat text ze stránky a vložit jej do editoru, abyste provedli tam změny, nebo otevřete celou webovou stránku v editoru a upravte přímo.
-
Vyhledejte text, ve kterém chcete změnit písmo. Použijeme to jako příklad:
Tento text je v Arialu
-
Obklopte text pomocí prvku SPAN:
Tento text je v Arialu
-
Přidat atribut styl = "" na značku rozpětí:
Tento text je v Arialu
-
V atributu styl změňte písmo pomocí font-family styl.
Tento text je v Arialu
-
Uložte změny, abyste viděli efekty.
Tipy pro použití CSS pro změnu písma
-
Nejlepším přístupem je vždy mít vždy dvě písma v zásobníku fontů (seznam písem), takže pokud prohlížeč nemá první písmo, může místo toho použít druhé písmo.
Oddělujte několik voleb písma čárkou, například:
font-family: Arial, Ženeva, Helvetica, sans-serif;
-
Příklad uvedený výše používá inline styling, ale nejlépe stylový styl používá externí stylový list, takže můžete ovlivnit víc než jen jeden prvek. Chcete-li nastavit styl na bloky textu, můžete použít třídu.
Tento text je v Arialu
V tomto příkladu by se soubor CSS, který by styloval výše uvedený kód HTML, objevil takto:
.arial {font-family: Arial; }}
-
Vždy ukončete styly CSS středníkem (;). Není to nutné, když je pouze jeden styl, ale je to dobrý návyk začít.
