文字排版
文字排版應該是網站最重要的基石,讓人開心的是,CSS 仍不斷進化支援已經相當良好的文字排版功能。
可變式字型 (Variable Fonts) 是目前火紅的話題。我們還在等待真正響應式字體 (responsive type) 的同時,這方面的持續進展絕對值得關注。
使用情況概觀
外圍圓圈的大小代表知道某功能的使用者總數,而內圈代表實際在使用的人數。 將滑鼠移到節點上,就可以看到詳細資料,還有代表此問卷答題者總數的區塊。
Usage by Years Of Experience
「全體」這欄顯示每一項技術的整體使用情況(也就是答題者選取了「會再使用」或「不會再使用」), 而接下來的幾欄是依照「資歷年數」分組的使用比例。
比較亮的粉紅色背景,代表該分組比全體平均比例還要高。
@font-face
The @font-face
CSS at-rule allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face
eliminates the need to depend on the limited number of fonts users have installed on their computers. The @font-face
at-rule may be used not only at the top level of a CSS, but also inside any CSS conditional-group at-rule.
Variable Fonts
Variable fonts are an evolution of the OpenType font specification that enables many different variations of a typeface to be incorporated into a single file, rather than having a separate font file for every width, weight, or style. They let you access all the variations contained in a given font file via CSS and a single @font-face
reference. This article will give you all you need to know to get you started using variable fonts.
Line Breaking Properties
line-break
CSS 屬性能夠設定在中文、日文和韓文(CJK) 的文字中,遇到標點或符號時該如何斷行。
深入詳情
font-variant
The font-variant CSS property is a shorthand for the longhand properties font-variant-caps
, font-variant-numeric
, font-variant-alternates
, font-variant-ligatures
, and font-variant-east-asian
. You can also set the CSS Level 2 (Revision 1) values of font-variant
, (that is, normal
or small-caps
), by using the font
shorthand.