文字排版

文字的設定與擺放。

@font-face
完成百分比： 85% (9773)
完成百分比： 85% (9773)

輸出
百分比%
數量Σ

2019

2020

已經有用過
知道是什麼
從未聽過

Line Breaking Properties
完成百分比： 85.4% (9817)
完成百分比： 85.4% (9817)

輸出
百分比%
數量Σ

2019

2020

已經有用過
知道是什麼
從未聽過

font-variant
完成百分比： 85.2% (9796)
完成百分比： 85.2% (9796)

輸出
百分比%
數量Σ

2019

2020

已經有用過
知道是什麼
從未聽過
我們詢問 CSS 社群成員，分享「年度精選」

我的 2020 精選：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.

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

Andy Bell

自由接案設計師 & 經營 piccalil.li 的開發者

initial_letter
完成百分比： 85.3% (9804)
完成百分比： 85.3% (9804)

輸出
百分比%
數量Σ

2019

2020

已經有用過
知道是什麼
從未聽過

font-variant-numeric
完成百分比： 85.3% (9800)
完成百分比： 85.3% (9800)

輸出
百分比%
數量Σ

2020

已經有用過
知道是什麼
從未聽過

font-display
完成百分比： 85.4% (9811)
完成百分比： 85.4% (9811)

輸出
百分比%
數量Σ

2020

已經有用過
知道是什麼
從未聽過

line-clamp
完成百分比： 85.3% (9807)
完成百分比： 85.3% (9807)

輸出
百分比%
數量Σ

2020

已經有用過
知道是什麼
從未聽過

推薦資源

Responsive Web Typography v2

In this course, Jason Pamental demonstrates type fundamentals to create better user experiences on mobile and desktop.
感謝贊助我們的伙伴！ 深入瞭解。
« 前一項： 互動後一項： 動畫 & 變形 »
Charts built with Nivo. 存放在 Netlify。
有問題？發現臭蟲？請填寫 Issue。 Join us on Discord.
Press option/alt to enable translator mode.