Font-weight
CSS vlastnost font-weight určuje tučnost písma neboli duktus.
| 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.
| 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
