font-style
來定義字體樣式,預設值是normal,可設定值還有italic
和oblique
,可以作用於所有元素,也可用在動畫上,會繼承親代元素的值,寫作font-style: normal;
。font-style
中的預設值normal
是指非斜體也沒有任何傾斜的文字。italic
與oblique
的差異:italic
所對應的italic字貌是獨立的字貌,會在字元外貌上有少許更動,襯線體更會發現襯線上因此而更動的變化,而oblique
所對應的oblique字貌,只是單純地將字元傾斜,可以用其他CSS屬性計算達到一樣的效果。italic
關鍵字,而帶有Oblique、Stanted、Incline的字體會使用oblique
這個關鍵字。italic
而有oblique
字貌時,就算給予font-style: italic;
,也會顯示font-style: oblique;
的效果,但若是沒有oblique
而有italic
字貌時,font-style: oblique;
就不會有作用。而有些作業系統上,italic字貌和oblique字貌會有混用的現象。@font-face{}
中包含的font-family
和font-style
配對指定不同字型樣式給予不同的字型檔,但不支援inherit
關鍵字。font-family
宣告,而是使用font-stretch
,這種情況通常字型都會有Condensed、Wide或Ultra Expanded等額外標示可供辨識。font-stretch
來定義字體樣式,預設值是normal,可以作用於所有元素,會繼承親代元素的值,當字型檔中沒有提供與設定值關鍵字相對應的字型變體時,font-stretch
沒有任何的作用。使用時,寫作font-stretch: normal;
。font-stretch
的設定值:normal
。semi-condensed
、condensed
、extra-condensed
、ultra-condensed
。semi-expanded
、expanded
、extra-expanded
、ultra-expanded
。@font-face{}
中包含的font-family
和font-stretch
配對指定不同字型伸展給予不同的字型檔,但不支援inherit
關鍵字。font-stretch
時在攜帶式裝置的支援度。font-kerning
來定義字距,預設值是auto,能作用於所有元素,會繼承親代元素的值,但font-kerning
需在字型檔中有相關資訊時才會啟用,寫成font-kerning: auto;
。font-kerning
的設定值:auto
:是預設值,表示讓使用者代理選擇最佳顯示方式,因此當字型檔中沒有font-kerning
資訊時,就不會有任何作用。normal
:讓使用者代理依照字型檔中的font-kerning
資訊調整字距。none
:不做任何字距的調整。font-kerning
和letter-spacing
時,font-kerning
會先作用,之後才是依照letter-spacing
數值調整。