Czcionki CSS
Źródło: CSS Fonts Module Level 3
font
- Wartość
[ [ <'font-style'> || <font-variant-css21> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar
- Inicjalizacja
- zobacz cechy indywidualne
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- zobacz cechy indywidualne
- Media
- visual
font-family
- Wartość
[ <family-name> | <generic-family> ]
- Inicjalizacja
- zależy od przeglądarki
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-feature-settings
Niskopoziomowa kontrola ustawień własności czcionek
- Wartość
normal | <feature-tag-value>
- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-kerning
Odległość między znakami czcionki
- Wartość
auto | normal | none
- Inicjalizacja
- auto
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-size
- Wartość
<absolute-size> | <relative-size> | <length-percentage>
- Inicjalizacja
- medium
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- odnosi się do rozmiaru czcionki rodzica
- Media
- visual
font-size-adjust
- Wartość
none | <number>
- Inicjalizacja
- none
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-stretch
- Wartość
normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded
- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-style
- Wartość
normal | italic | oblique
- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-synthesis
Kontrolowanie syntetycznej wagi i stylu
- Wartość
none | [ weight || style ]
- Inicjalizacja
- weight style
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-variant
Atrybuty mieszane wariantu czcionki
- Wartość
normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> || [ small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps ] || <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero || <east-asian-variant-values> || <east-asian-width-values> || ruby || [ sub | super ] ]
- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- zobacz cechy indywidualne
- Media
- visual
font-variant-caps
Wariant wielkości liter czcionki
- Wartość
normal | small-caps | all-small-caps | petite-caps | all-petite-caps | unicase | titling-caps
- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-variant-east-asian
Wyświetlanie wschodnioazjatyckiego tekstu
- Wartość
normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]
- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-variant-ligatures
Wariant połączenia znaków czcionki
- Wartość
normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]
- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-variant-numeric
- Wartość
normal | [ <numeric-figure-values> || <numeric-spacing-values> || <numeric-fraction-values> || ordinal || slashed-zero ]
- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-variant-position
- Wartość
normal | sub | super
- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
font-weight
- Wartość
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
- Inicjalizacja
- normal
- Zastosowanie
- wszystkie elementy
- Dziedziczenie
- tak
- Procenty
- nie
- Media
- visual
Przeglądarki
Chrome | Firefox | Edge | Opera | Safari | Poziom wsparcia min. 2,5 roku | |
---|---|---|---|---|---|---|
font: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 | |
font: caption | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 | |
font: icon | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 | |
font: menu | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 | |
font: message-box | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 | |
font: small-caption | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 | |
font: status-bar | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 | |
font-family: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 | |
font-feature-settings: wartość | 48 2016-01-20 | 34 2014-12-01 | 15 2017-04-05 | 35 2016-02-02 | 9.1 2016-03-21 | |
font-feature-settings: normal | 16 2011-12-13 | 15 2012-08-28 | 15 2017-04-05 | 15 2013-07-02 | 9.1 2016-03-21 | |
font-kerning: wartość | 33 2014-02-20 | 32 2014-09-02 | 79 2020-01-15 | 20 2014-03-04 | 9 2015-09-30 | |
font-size: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1 2003-06-23 | |
font-size-adjust: wartość | 🟧 127 2024-07-23 | 3 2008-06-17 | 🟧 127 2024-07-25 | 🟧 113 2024-08-22 | 🟡 16.4 2023-03-27 | |
font-size-adjust: none | 🟧 127 2024-07-23 | 3 2008-06-17 | 🟧 127 2024-07-25 | 🟧 113 2024-08-22 | 🟡 16.4 2023-03-27 | |
font-stretch: wartość | 60 2017-07-25 | 9 2011-12-20 | 12 2015-07-29 | 47 2017-08-09 | 11 2017-09-19 | |
font-stretch: percentage | 62 2017-10-17 | 61 2018-06-26 | 18 2018-10-02 | 49 2017-11-08 | 11.1 2018-04-12 | |
font-style: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1 2003-06-23 | |
font-style: italic | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 | |
font-style: normal | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 | |
font-synthesis: wartość | 97 2022-01-04 | 34 2014-12-01 | 97 2022-01-06 | 83 2022-01-19 | 9 2015-09-30 | |
font-synthesis: small-caps | 97 2022-01-04 | 93 2021-10-05 | 97 2022-01-06 | 83 2022-01-19 | 10.1 2017-03-27 | |
font-synthesis: style | 97 2022-01-04 | ≤72 2020-01-07 | 97 2022-01-06 | 83 2022-01-19 | 10.1 2017-03-27 | |
font-synthesis: weight | 97 2022-01-04 | ≤72 2020-01-07 | 97 2022-01-06 | 83 2022-01-19 | 10.1 2017-03-27 | |
font-variant: wartość | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 | |
font-variant: none | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9 2015-09-30 | |
font-variant: normal | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 | |
font-variant: sub | 🟡 110 2023-02-07 | 34 2014-12-01 | 🟡 110 2023-02-09 | 🟡 96 2023-02-22 | 9.1 2016-03-21 | |
font-variant: super | 🟡 110 2023-02-07 | 34 2014-12-01 | 🟡 110 2023-02-09 | 🟡 96 2023-02-22 | 9.1 2016-03-21 | |
font-variant-caps: wartość | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 | |
font-variant-caps: all-petite-caps | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 | |
font-variant-caps: all-small-caps | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 | |
font-variant-caps: normal | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 | |
font-variant-caps: petite-caps | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 | |
font-variant-caps: small-caps | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 | |
font-variant-caps: titling-caps | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 | |
font-variant-caps: unicase | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 | |
font-variant-east-asian: wartość | 63 2017-12-06 | 34 2014-12-01 | 79 2020-01-15 | 50 2018-01-04 | 9.1 2016-03-21 | |
font-variant-east-asian: normal | 63 2017-12-06 | 34 2014-12-01 | 79 2020-01-15 | 50 2018-01-04 | 9.1 2016-03-21 | |
font-variant-east-asian: ruby | 63 2017-12-06 | 34 2014-12-01 | 79 2020-01-15 | 50 2018-01-04 | 9.1 2016-03-21 | |
font-variant-ligatures: wartość | 34 2014-04-08 | 34 2014-12-01 | 79 2020-01-15 | 21 2014-05-06 | 9.1 2016-03-21 | |
font-variant-ligatures: none | 31 2013-11-12 | 34 2014-12-01 | 79 2020-01-15 | 18 2013-11-19 | 7 2013-10-22 | |
font-variant-ligatures: normal | 31 2013-11-12 | 34 2014-12-01 | 79 2020-01-15 | 18 2013-11-19 | 7 2013-10-22 | |
font-variant-numeric: wartość | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 | |
font-variant-numeric: normal | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 | |
font-variant-numeric: ordinal | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 | |
font-variant-numeric: slashed-zero | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9.1 2016-03-21 | |
font-variant-position: wartość | ❌ | 34 2014-12-01 | ❌ | ❌ | 9.1 2016-03-21 | |
font-variant-position: normal | ❌ | ≤72 2020-01-07 | ❌ | ❌ | ≤13.1 2020-03-24 | |
font-variant-position: sub | ❌ | ≤72 2020-01-07 | ❌ | ❌ | ≤13.1 2020-03-24 | |
font-variant-position: super | ❌ | ≤72 2020-01-07 | ❌ | ❌ | ≤13.1 2020-03-24 | |
font-weight: wartość | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 | |
font-weight: bold | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 | |
font-weight: bolder | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 | |
font-weight: lighter | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 | |
font-weight: normal | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 | |
font-weight: number | 62 2017-10-17 | 61 2018-06-26 | 17 2018-04-30 | 49 2017-11-08 | 11 2017-09-19 |