跳至內容

文字排版

文字的設定與擺放。

font-variant-*

自訂資料
從未聽過
知道是什麼
已經有用過
2019
47.1% 47.1% 28.6% 28.6% 24.4% 24.4%
2020
49.8% 49.8% 27.1% 27.1% 23.3% 23.3%
2021
52.5% 52.5% 27.6% 27.6% 20% 20%
我們詢問 CSS 社群的成員,分享「年度精選」

我的 2021 精選:Lynn Fisher

I'd love to pick Lynn Fisher. She's consistently surprised and delighted the CSS community with her creative projects and experiments, and I love how much folks can learn from her!

我們詢問 CSS 社群的成員,分享「年度精選」

Cassidy Williams

開發者、倡議者、教育者和新創顧問

initial-letter

自訂資料
從未聽過
知道是什麼
已經有用過
2019
36% 36% 35.8% 35.8% 28.4% 28.4%
2020
39.6% 39.6% 34% 34% 26.5% 26.5%
2021
40.7% 40.7% 35.6% 35.6% 23.9% 23.9%

font-variant-numeric

自訂資料
從未聽過
知道是什麼
已經有用過
2020
70.1% 70.1% 18.2% 18.2% 11.8% 11.8%
2021
70.2% 70.2% 17.4% 17.4% 12.6% 12.6%

font-display

自訂資料
從未聽過
知道是什麼
已經有用過
2020
45.9% 45.9% 16.7% 16.7% 37.5% 37.5%
2021
44.3% 44.3% 17% 17% 38.9% 38.9%

line-clamp

自訂資料
從未聽過
知道是什麼
已經有用過
2020
58.9% 58.9% 21% 21% 20.3% 20.3%
2021
49.6% 49.6% 21.1% 21.1% 29.5% 29.5%

Variable fonts

自訂資料
從未聽過
知道是什麼
已經有用過
2021
40.4% 40.4% 38.8% 38.8% 20.9% 20.9%

推薦資源

Responsive Web Typography v2

Responsive Web Typography v2

In this course, Jason Pamental demonstrates type fundamentals to create better user experiences on mobile and desktop.
感謝贊助我們的伙伴! 深入瞭解。