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