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 | |
|---|---|---|---|---|---|
selektor { font: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { font: caption } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 |
selektor { font: icon } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 |
selektor { font: menu } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 |
selektor { font: message-box } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 |
selektor { font: small-caption } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 |
selektor { font: status-bar } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 6 2001-12-18 | 1 2003-06-23 |
selektor { font-family: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { 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 |
selektor { 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 |
selektor { font-kerning: wartość } | 33 2014-02-20 | 32 2014-09-02 | 79 2020-01-15 | 20 2014-03-04 | 9 2015-09-30 |
selektor { font-kerning: auto } | 33 2014-02-20 | 32 2014-09-02 | 79 2020-01-15 | 20 2014-03-04 | 9 2015-09-30 |
selektor { font-kerning: none } | 33 2014-02-20 | 32 2014-09-02 | 79 2020-01-15 | 20 2014-03-04 | 9 2015-09-30 |
selektor { font-kerning: normal } | 33 2014-02-20 | 32 2014-09-02 | 79 2020-01-15 | 20 2014-03-04 | 9 2015-09-30 |
selektor { font-size: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1 2003-06-23 |
selektor { 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 |
selektor { 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 |
selektor { font-stretch: wartość } | 60 2017-07-25 | 9 2011-12-20 | 12 2015-07-29 | 47 2017-08-09 | 11 2017-09-19 |
selektor { font-stretch: condensed } | 60 2017-07-25 | 9 2011-12-20 | 12 2015-07-29 | 47 2017-08-09 | 11 2017-09-19 |
selektor { font-stretch: expanded } | 60 2017-07-25 | 9 2011-12-20 | 12 2015-07-29 | 47 2017-08-09 | 11 2017-09-19 |
selektor { font-stretch: extra-condensed } | 60 2017-07-25 | 9 2011-12-20 | 12 2015-07-29 | 47 2017-08-09 | 11 2017-09-19 |
selektor { font-stretch: extra-expanded } | 60 2017-07-25 | 9 2011-12-20 | 12 2015-07-29 | 47 2017-08-09 | 11 2017-09-19 |
selektor { font-stretch: normal } | 60 2017-07-25 | 9 2011-12-20 | 12 2015-07-29 | 47 2017-08-09 | 11 2017-09-19 |
selektor { font-stretch: percentage } | 62 2017-10-17 | 61 2018-06-26 | 18 2018-10-02 | 49 2017-11-08 | 11.1 2018-04-12 |
selektor { font-stretch: semi-condensed } | 60 2017-07-25 | 9 2011-12-20 | 12 2015-07-29 | 47 2017-08-09 | 11 2017-09-19 |
selektor { font-stretch: semi-expanded } | 60 2017-07-25 | 9 2011-12-20 | 12 2015-07-29 | 47 2017-08-09 | 11 2017-09-19 |
selektor { font-stretch: ultra-condensed } | 60 2017-07-25 | 9 2011-12-20 | 12 2015-07-29 | 47 2017-08-09 | 11 2017-09-19 |
selektor { font-stretch: ultra-expanded } | 60 2017-07-25 | 9 2011-12-20 | 12 2015-07-29 | 47 2017-08-09 | 11 2017-09-19 |
selektor { font-style: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1 2003-06-23 |
selektor { font-style: italic } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
selektor { font-style: normal } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
selektor { font-style: oblique } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
selektor { font-synthesis: wartość } | 97 2022-01-04 | 34 2014-12-01 | 97 2022-01-06 | 83 2022-01-19 | 9 2015-09-30 |
selektor { font-synthesis: none } | 97 2022-01-04 | 34 2014-12-01 | 97 2022-01-06 | 83 2022-01-19 | 9 2015-09-30 |
selektor { 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 |
selektor { font-synthesis: style } | 97 2022-01-04 | 34 2014-12-01 | 97 2022-01-06 | 83 2022-01-19 | 10.1 2017-03-27 |
selektor { font-synthesis: weight } | 97 2022-01-04 | 34 2014-12-01 | 97 2022-01-06 | 83 2022-01-19 | 10.1 2017-03-27 |
selektor { font-variant: wartość } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { font-variant: none } | 52 2016-07-20 | 34 2014-12-01 | 79 2020-01-15 | 39 2016-08-02 | 9 2015-09-30 |
selektor { font-variant: normal } | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
selektor { font-variant: sub } | 110 2023-02-07 | 34 2014-12-01 | 110 2023-02-09 | 96 2023-02-22 | 9.1 2016-03-21 |
selektor { font-variant: super } | 110 2023-02-07 | 34 2014-12-01 | 110 2023-02-09 | 96 2023-02-22 | 9.1 2016-03-21 |
selektor { 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 |
selektor { 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 |
selektor { 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 |
selektor { 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 |
selektor { 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 |
selektor { 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 |
selektor { 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 |
selektor { 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 |
selektor { 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 |
selektor { 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 |
selektor { 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 |
selektor { 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 |
selektor { font-variant-ligatures: none } | 31 2013-11-12 | 34 2014-12-01 | 79 2020-01-15 | 18 2013-11-19 | 7 2013-10-22 |
selektor { font-variant-ligatures: normal } | 31 2013-11-12 | 34 2014-12-01 | 79 2020-01-15 | 18 2013-11-19 | 7 2013-10-22 |
selektor { 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 |
selektor { 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 |
selektor { 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 |
selektor { 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 |
selektor { font-variant-position: wartość } | 117 2023-09-12 | 34 2014-12-01 | 117 2023-09-15 | 103 2023-10-03 | 9.1 2016-03-21 |
selektor { font-variant-position: normal } | 117 2023-09-12 | 34 2014-12-01 | 117 2023-09-15 | 103 2023-10-03 | 9.1 2016-03-21 |
selektor { font-variant-position: sub } | 🔷 117 2023-09-12 | 34 2014-12-01 | 🔷 117 2023-09-15 | 🔷 103 2023-10-03 | 🔷 9.1 2016-03-21 |
selektor { font-variant-position: super } | 🔷 117 2023-09-12 | 34 2014-12-01 | 🔷 117 2023-09-15 | 🔷 103 2023-10-03 | 🔷 9.1 2016-03-21 |
selektor { font-weight: wartość } | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 3.5 1998-11-18 | 1 2003-06-23 |
selektor { font-weight: bold } | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
selektor { font-weight: bolder } | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
selektor { font-weight: lighter } | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
selektor { font-weight: normal } | 2 2009-05-21 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | 1 2003-06-23 |
selektor { font-weight: number } | 62 2017-10-17 | 61 2018-06-26 | 17 2018-04-30 | 49 2017-11-08 | 11 2017-09-19 |