Fonts (písma) - CSS3

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

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;
}

 

  Aktivity (1)

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

 

 

Komentáře

Avatar
Lukáš Tesař:

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.