Válí se ti projekty v šuplíku? Dostaň je mezi lidi a získej cool tričko a body na profi IT kurzy v soutěži ITnetwork summer 2017!
Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

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
Neaktivní uživatel: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
Neaktivní uživatelský účet
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.