Przejdź do treści

Czcionki CSS

Źródło: CSS Fonts Module Level 3

font #

Atrybuty mieszane czcionki

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 #

Rodzaj czcionki

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 #

Wielkość czcionki

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 #

Proporcje czcionki

Wartość
none | <number>
Inicjalizacja
none
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-stretch #

Rozciągnięcie czcionki

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 #

Styl czcionki

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 #

Wariant liczb czcionki

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 #

Wariant pozycji czcionki

Wartość
normal | sub | super
Inicjalizacja
normal
Zastosowanie
wszystkie elementy
Dziedziczenie
tak
Procenty
nie
Media
visual

font-weight #

Waga czcionki

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

❌ Nie działa   🟧 Działa krócej niż rok   🟡 Działa krócej niż 2,5 roku

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
 100%
font: caption1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
 100%
font: icon1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
 100%
font: menu1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
 100%
font: message-box1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
 100%
font: small-caption1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
 100%
font: status-bar1
2008-12-11
1
2004-11-09
12
2015-07-29
6
2001-12-18
1
2003-06-23
 100%
font-family: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
 100%
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
 100%
font-feature-settings: normal16
2011-12-13
15
2012-08-28
15
2017-04-05
15
2013-07-02
9.1
2016-03-21
 100%
font-kerning: wartość33
2014-02-20
32
2014-09-02
79
2020-01-15
20
2014-03-04
9
2015-09-30
 100%
font-size: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
 100%
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
 20%
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
 20%
font-stretch: wartość60
2017-07-25
9
2011-12-20
12
2015-07-29
47
2017-08-09
11
2017-09-19
 100%
font-stretch: percentage62
2017-10-17
61
2018-06-26
18
2018-10-02
49
2017-11-08
11.1
2018-04-12
 100%
font-style: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
7
2003-01-28
1
2003-06-23
 100%
font-style: italic1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
 100%
font-style: normal1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
 100%
font-synthesis: wartość97
2022-01-04
34
2014-12-01
97
2022-01-06
83
2022-01-19
9
2015-09-30
 100%
font-synthesis: small-caps97
2022-01-04
93
2021-10-05
97
2022-01-06
83
2022-01-19
10.1
2017-03-27
 100%
font-synthesis: style97
2022-01-04
≤72
2020-01-07
97
2022-01-06
83
2022-01-19
10.1
2017-03-27
 100%
font-synthesis: weight97
2022-01-04
≤72
2020-01-07
97
2022-01-06
83
2022-01-19
10.1
2017-03-27
 100%
font-variant: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
 100%
font-variant: none52
2016-07-20
34
2014-12-01
79
2020-01-15
39
2016-08-02
9
2015-09-30
 100%
font-variant: normal1
2008-12-11
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
 100%
font-variant: sub🟡 110
2023-02-07
34
2014-12-01
🟡 110
2023-02-09
🟡 96
2023-02-22
9.1
2016-03-21
 40%
font-variant: super🟡 110
2023-02-07
34
2014-12-01
🟡 110
2023-02-09
🟡 96
2023-02-22
9.1
2016-03-21
 40%
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
 100%
font-variant-caps: all-petite-caps52
2016-07-20
34
2014-12-01
79
2020-01-15
39
2016-08-02
9.1
2016-03-21
 100%
font-variant-caps: all-small-caps52
2016-07-20
34
2014-12-01
79
2020-01-15
39
2016-08-02
9.1
2016-03-21
 100%
font-variant-caps: normal52
2016-07-20
34
2014-12-01
79
2020-01-15
39
2016-08-02
9.1
2016-03-21
 100%
font-variant-caps: petite-caps52
2016-07-20
34
2014-12-01
79
2020-01-15
39
2016-08-02
9.1
2016-03-21
 100%
font-variant-caps: small-caps52
2016-07-20
34
2014-12-01
79
2020-01-15
39
2016-08-02
9.1
2016-03-21
 100%
font-variant-caps: titling-caps52
2016-07-20
34
2014-12-01
79
2020-01-15
39
2016-08-02
9.1
2016-03-21
 100%
font-variant-caps: unicase52
2016-07-20
34
2014-12-01
79
2020-01-15
39
2016-08-02
9.1
2016-03-21
 100%
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
 100%
font-variant-east-asian: normal63
2017-12-06
34
2014-12-01
79
2020-01-15
50
2018-01-04
9.1
2016-03-21
 100%
font-variant-east-asian: ruby63
2017-12-06
34
2014-12-01
79
2020-01-15
50
2018-01-04
9.1
2016-03-21
 100%
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
 100%
font-variant-ligatures: none31
2013-11-12
34
2014-12-01
79
2020-01-15
18
2013-11-19
7
2013-10-22
 100%
font-variant-ligatures: normal31
2013-11-12
34
2014-12-01
79
2020-01-15
18
2013-11-19
7
2013-10-22
 100%
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
 100%
font-variant-numeric: normal52
2016-07-20
34
2014-12-01
79
2020-01-15
39
2016-08-02
9.1
2016-03-21
 100%
font-variant-numeric: ordinal52
2016-07-20
34
2014-12-01
79
2020-01-15
39
2016-08-02
9.1
2016-03-21
 100%
font-variant-numeric: slashed-zero52
2016-07-20
34
2014-12-01
79
2020-01-15
39
2016-08-02
9.1
2016-03-21
 100%
font-variant-position: wartość34
2014-12-01
9.1
2016-03-21
 40%
font-variant-position: normal≤72
2020-01-07
≤13.1
2020-03-24
 40%
font-variant-position: sub≤72
2020-01-07
≤13.1
2020-03-24
 40%
font-variant-position: super≤72
2020-01-07
≤13.1
2020-03-24
 40%
font-weight: wartość2
2009-05-21
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
 100%
font-weight: bold2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
 100%
font-weight: bolder2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
 100%
font-weight: lighter2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
 100%
font-weight: normal2
2009-05-21
1
2004-11-09
12
2015-07-29
15
2013-07-02
1
2003-06-23
 100%
font-weight: number62
2017-10-17
61
2018-06-26
17
2018-04-30
49
2017-11-08
11
2017-09-19
 100%
Facebook