Font-weight

CSS vlastnost font-weight určuje tučnost písma neboli duktus.

font-weight
hodnoty tučnost písma
normal písmo nebude tučné
bold písmo bude tučné
100 co nejslabší, nejméně tučné písmo
400 normální duktus, totéž, co normal
700 písmo bude tučné jako je bold
900 písmo bude nejtučnější, co to jde
násobky 100 od 100 do 900 různé stupně tučnosti
bolder o něco tučnější, než by bylo, kdyby se to nezadalo
lighter totéž co bolder, ale naopak; oboje doporučuji nepoužívat

Nikdy jsem neviděl, že by prohlížeče byly schopny vykreslit všech devět stupňů tučnosti. Zpravidla zvládnou pouze dva stupně, to jest normální a tučné písmo. Škálování tučnosti musí být zabudováno přímo ve fontu (podle font-family) a většinou není. Pro Arial a Times mám vyzkoušeno, že funguje font-weight: 900, které je trochu tučnější než hodnota bold. Marek Prokop v knize CSS uvádí, že to také závisí na velikosti písma a rozlišení výstupního média (což dává smysl). Pixy píše, že prohlíčeč může písma různé síly vytvořit uměle (což AFAIK žádný nedělá).

Častá chyba: překlep font-weigth namísto font-weight.

Podpora

Všude jsou podporovány hodnoty normal a bold a teoreticky i ostatní hodnoty. Podstatná je vynikající podpora bold (tučné písmo) a normal.

Podpora vlastnosti font-weight
Prohlížeč Podpora ve verzích Poznámka
Internet Explorer všechny verze  
Firefox všechny verze  
Opera všechny verze  
Chrome ano  

Příklady

Přímý styl pro tučnost:

Normální text a <span style="font-weight: bold">tučný text</span>

Dá se zrušit tučnost tagů, které jsou tučné normálně, např. nadpis h2:

<style>
h2 {font-weight: normal}
</style>

Font-weight, test hodnot bolder a lighter.

Převážení nezadané tučnosti (font oproti font-weight)

 

Reklama

www.webhosting-c4.cz, webhosting s doménou v ceně. 20GB
o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

CSS kurz Přehled hodnot Vlastnosti CSS příklady

Jak psát web píše Yuhů, Dušan Janovský. Kontakt.