टाइपोग्राफी

पाठ सेट करना और रखना।

@font-face
Completion percentage: 85% (9773)
Completion percentage: 85% (9773)

Export
Percents%
CountΣ

2019

93.4% 93.4%

2020

92.7% 92.7%
Have used it
Know about it
Never heard of it

Line Breaking Properties
Completion percentage: 85.4% (9817)
Completion percentage: 85.4% (9817)

Export
Percents%
CountΣ

2019

87.9% 87.9% 8.4% 8.4%

2020

85.3% 85.3% 8.6% 8.6%
Have used it
Know about it
Never heard of it

font-variant
Completion percentage: 85.2% (9796)
Completion percentage: 85.2% (9796)

Export
Percents%
CountΣ

2019

24.3% 24.3% 28.6% 28.6% 47.1% 47.1%

2020

23.2% 23.2% 27% 27% 49.7% 49.7%
Have used it
Know about it
Never heard of it
We asked members of the CSS community to share their “pick of the year”

My 2020 Pick: CSS IRL

This blog is an absolute gold mine of CSS knowledge. Michelle is a CSS legend and every post or tutorial they write is heaped with useful content.

We asked members of the CSS community to share their “pick of the year”

Andy Bell

Freelance designer & dev who runs piccalil.li

initial_letter
Completion percentage: 85.3% (9804)
Completion percentage: 85.3% (9804)

Export
Percents%
CountΣ

2019

28.4% 28.4% 35.7% 35.7% 35.9% 35.9%

2020

26.4% 26.4% 34% 34% 39.6% 39.6%
Have used it
Know about it
Never heard of it

font-variant-numeric
Completion percentage: 85.3% (9800)
Completion percentage: 85.3% (9800)

Export
Percents%
CountΣ

2020

11.8% 11.8% 18.2% 18.2% 70% 70%
Have used it
Know about it
Never heard of it

font-display
Completion percentage: 85.4% (9811)
Completion percentage: 85.4% (9811)

Export
Percents%
CountΣ

2020

37.5% 37.5% 16.7% 16.7% 45.9% 45.9%
Have used it
Know about it
Never heard of it

line-clamp
Completion percentage: 85.3% (9807)
Completion percentage: 85.3% (9807)

Export
Percents%
CountΣ

2020

20.2% 20.2% 20.9% 20.9% 58.8% 58.8%
Have used it
Know about it
Never heard of it

Recommended Resources

Responsive Web Typography v2

In this course, Jason Pamental demonstrates type fundamentals to create better user experiences on mobile and desktop.
Thanks to our partners for supporting us! Learn more.