Poznámka: Tato stránka se týká změny typu, velikosti a barvy písma na webové stránce. Informace o změně barvy, velikosti nebo typu písma v aplikaci Word naleznete na stránce Microsoft Word.

Tento dokument obsahuje pokyny ke změně písma a jeho barvy na webové stránce. Správná syntaxe pohybující se dopředu je použití kaskádových stylů spolu s voliči tříd nebo ID namísto atributu inline stylu nebo značky písma, které jsou zastaralé. I když stojí za zmínku, že tyto dvě metody stále pracují s většinou internetových prohlížečů.

Chcete-li pokračovat, vyberte metodu, ze které se chcete naučit, nebo si ji přečtěte.

Pokud plánujete změnit velikost písma a jeho barvu pouze jednou na webové stránce, musíte změnit jeho atributy v tagu elementu. Pomocí atributu stylu můžete určit velikost a barvu písma s rodinou písma, barvou a velikostí písma s velikostí písma, jak je uvedeno v příkladu níže.

Příklad kódu

Tento text má písmo Courier, je modré a 20px.

Výsledek

Tento text má písmo Courier, je modré a 20px.

Použití CSS pro jednu nebo více stránek

Vlastní písmo pro jednu stránku

V úvodní části webové stránky můžete mezi záložky vkládat kód pro změnu vzhledu textu v různých prvcích. Další modrý rámeček obsahuje ukázkový kód, který po zavolání změní barvu písma na Courier a zbarví ji červeně. Jak vidíte, název třídy jsme definovali jako "vlastní".

 .custom {font-family: Kurýr; červená barva; velikost písma: 20px; } 

Jakmile je tento styl definován, lze tento styl aplikovat na většinu prvků na stránce připojením třídy "vlastní" k nim. Následující rámeček zobrazuje dva řádky kódu a jejich příslušné výsledky.

Příklad

Celá věta je červená a Courier

Pouze slovo TEST je červené a Courier.

Výsledek

Celá věta je červená a Courier.

Pouze slovo TEST je červené a Courier.

Vlastní písmo pro mnoho stránek

Import externího souboru CSS může být velmi přínosný v tom, že umožňuje uživatelům měnit pravidla pro více stránek najednou. Následující část ukazuje příklad pro vytvoření základního souboru CSS, který změní písmo a je to barva pro většinu prvků. Tento soubor může být načten do více než jedné webové stránky, dokonce i na celé webové stránky.

Při použití jakéhokoliv základního textového editoru jej můžete uložit jako soubor .css pro import.

 @charset "utf-8";
.courier {font-family: Kurýr; barva: # 005CB9; } 

Jakmile byl předchozí text vložen do souboru .css (pojmenovali jsme naše basic.css ), můžete na něj odkazovat z jiné stránky pomocí řádku podobného následujícímu příkladu.

Tip: Uživatelé mohou změnit atributy prvků na stránce změnou kódu v importovaném souboru .css.

Řešení značek písma

Značka HTML může být i nadále používána a může být nezbytná pro použití s ​​některými službami online. Při použití značky FONT musíte zahrnout atribut face, který popisuje použité písmo. V níže uvedeném příkladu používáme písmo Courier a hexadecimální kód barvy # 005CB9, což je tmavě modrá.

Příklad kódu

 Příklad speciálního písma. 

Výsledek