Fonts (písma) - CSS3

HTML a CSS Manuál Text a písmo Fonts (písma) - CSS3

Unicorn College ONEbit hosting Tento obsah je dostupný zdarma v rámci projektu IT lidem. Vydávání, hosting a aktualizace umožňují jeho sponzoři.

S nástupem CSS3 již nejsme nuceni používat pouze "web-safe" písma a můžeme si přidat svoje vlastní.

Používání vlastního písma

Pomocí @font-face si nadefinujeme vlastní písmo:

@font-face
{
        font-family: mojeVlastniPismo;
        src: url('Sansation_Light.ttf'),
                 url('Sansation_Light.eot'); /* IE9+ */
}

div
{
        font-family: mojeVlastniPismo;
}

Nastavení tučného písma

Pro definování tučného písma přidáme další @font-face a do něj dáme odkaz na tučné písmo a vlastnost font-weight: bold

@font-face
{
        font-family: mojeVlastniPismo;
        src: url('Sansation_Bold.ttf'),
                 url('Sansation_Bold.eot'); /* IE9+ */

        font-weight: bold;
}

 

 

Manuál pro vás napsal David Jančík [sczdavos]
Avatar
Autor je vášnivý programátor v .NET C# a PHP. Nezná slovo "nelze", nebojí se zkoušet nepoznané a pronikat do nových technologií.
Miniatura
Všechny články v sekci
Text a písmo - CSS vlastnosti
Aktivity (1)

 

 

Komentáře

Avatar
Lukáš Tesař:19.3.2014 21:16

Když potom v CSS nevložím div, bude to i tak fungovat? tzn. CSS: @font-face {...} atd...
#text {font-family:Exo2;}

 
Odpovědět 19.3.2014 21:16
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 1 zpráv z 1.