CSS font-weight • Félkövér betűtípus
a font súlya 100 és 900 közötti lépésekben szabályozza a betű vonal szélességét (vastagságát). A használat előfeltétele, hogy a betűtípus felajánlja a betűstílusokat, mert a legtöbb betűtípus 400 (normál) és 700 (félkövér).
Egyébként a font-weight: bold betűkészlet úgy működik, mint a kis nagybetű: a böngésző vastagabban jeleníti meg. Az "igazi" félkövér betűtípusok könnyebben olvashatók.
Betűtípus a nagyon vékonytól az extra félkövérig
A CSS tulajdonság font-súlya a vékony vagy a soványtól a normálon át a félkövérig és a nagyon félkövérig terjedő választékot kínál, de a kiválasztott betűtípusnak különböző stílusokkal kell rendelkeznie a megfelelő fokozatosságban. Ez nem feltétlenül áll fenn az operációs rendszerek, például az Arial, a Helvetica és a Times által biztosított betűtípusok esetében.
betű súlya
font font a font szélességének mértéke. A sávszélességgel a szöveg további jelentést nyer: A szövegen belül a vastag betűtípus kiemeli az egyes szavakat, az oldal tervezésénél a betűsor szélessége vastag fejlécekkel tükrözi a hierarchiát.
Arial félkövér: A félkövér szöveg elég kövér lehet
Arial Black: A félkövér szöveg elég kövér lehet
Arial Narrow: A félkövér szöveg elég vastag lehet
Még ha több betűtípust is telepítenek a látogató rendszerére, a régi böngészők nem ismerték volna fel ezeket a stílusokat: Természetesen csak a normál és a vastag betűket ismerik fel betűsúlyként.
Tehát itt nincsenek különböző félkövér betűtípusok (ha a betűtípusok telepítve vannak a látogatóra), hanem valóban félkövér betűtípusok:
betű súlya letölthető betűtípusokkal
A @ font-face szabály és a betölthető betűtípusok használatával ma fokozatok lehetségesek, amelyek már rögzítve voltak a CSS1-ben, de soha nem voltak használhatók. Az előfeltétel, hogy a betűtípushoz megfelelő stílusok rendelkezésre álljanak vagy betölthetők legyenek.
Christian Robertson Roboto a betűtípusok széles választékát kínálja:
A betűtípus vastag és vékony lehet (font-súly: 100)
A betűtípus vastag és vékony lehet (font-súly: 300)
A betűtípus vastag és vékony lehet (betű-súly: 400)
A betűtípus vastag és vékony lehet (betű-súly: 500)
A betűtípus vastag és vékony lehet (betű súlya: 700)
A betűtípus vastag és vékony lehet (font-súly: 900)
Gyorsan beláthatja, hogy a félkövér betűtípusnak csak nagyon nagy betűméretek esetén van értelme: a font-weight: 700 és a font-weight: 900 csak a font-size: 2em és még több közül olvashatók.
A közepesen nagy fejlécek HTML h1, h2 vagy h3 HTML-betűvel szinte mindig könnyebben olvashatók (normál).
font-weight: vastag színenként
Korábban a webdesignereknek csak az volt a trükkje, hogy a fényerőket használják a merész kiemelések megkülönböztetésére.
A félkövér szöveg nagyon vastagsá teheti magát
A félkövér szöveg elég kövér lehet
A félkövér szöveg nagyon vastagsá teheti magát
A félkövér szöveg nagyon vastagsá teheti magát
A fekete helyett szürke árnyalattal a fejlécek fenntartottabbak.
CSS betű-súly skála 100–900
normális, merész, merészebb és könnyebb
könnyebb normál merészebb merészebb 100 300 400 500 700 900
A különböző félkövér vágások közötti finom lépések csak webes betűtípusokkal lehetségesek. Az ilyen nagy számú stílust kínáló betűtípusok ritkák. Tehát itt van a lépések mögött Roboto a Google Webfonts-ból.
A nagy vég
Vessünk egy pillantást a nyomtatott folyóiratokra és könyvekre: Itt alig vannak félkövér betűkkel szedett kifejezések és részek. Félkövér fejlécek, igen, de kérjük, nagyobb betűtípussal.
A félkövér az írógép-korszak relikviája, amikor még nem voltak nagy betűtípusok, és a szöveget túlnyomták a kocsi biztonsági mentésével.
Végül a szöveg merész részei úgy néznek ki, mint a vagyonkezelő felhívása, a lépcsőház tiszta tartani.