iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 28
0
Modern Web

CSS大全閱讀筆記系列 第 28

第五章:字型(10)

  • 分享至 

  • xImage
  •  

(接上篇的字型變體部分)


  1. 字型變體:
    f. font-variant-*的設定值:
    - font-variant-east-asian:控制東亞文字字符,預設為normal,停用該設定。ruby強制特殊字形使用紅寶石字符,但由於這些字體通常較小,因此字體設計者通常會特別設計,在實際運用時常會將字體放大一些。其餘的關鍵字可以分為兩部分,一部份關於字符寬度,分為讓字符不等寬的proportional-width和讓字符等寬方便排版的full-width。另一組關鍵字在定義字符集,大部分為日文專用,和中文相關的只有簡體字的simplified和繁體字的traditionalfont-variant-east-asian在支援度上,IE、Edge和Safari(桌機和手機版)都不支援。
    g. 能使用複數個@font-face{}中包含的font-familyfont-variant配對指定不同字型伸展給予不同的字型檔,但不支援inherit關鍵字。
  2. 字型特性:
    a. 類似於font-variantfont-feature-settings能對OpenType字型特性進行低接操作,但字型檔不能使用WOFF檔案。
    b. 預設值是normal,其他設定值的格式為"<string>" on|off"<string>" <integer>"<string>"為要啟用的特性,一定要加西式雙括弧("......"),否則會被忽略,且一定為4個字符的ASCII字元。在"<string>"之後,可選擇onoff開啟或關閉特性,而另一種的表現方式,主要使用0和1,0為關閉特性,1為開啟特性使用,也可以使用大於1以上的整數,都會被視為啟用特性。也可以省略onoff<integer>,直接寫成<string>,表示啟用特性。因此寫成font-feature-settings: "liga" on;font-feature-settings: "liga" 1;或是font-feature-settings: "liga";都是正確的。
    c. OpenType預設一定會開啟一些特性(見下一點),不需要的話要用font-variantfont-feature-settings關閉。
    d. OpenType預設一定會開啟的特性:
    - calt:依上下內文合字。
    - ccmp:組合字符成一個字寬度。
    - clig:一般合字。
    - liga:標準合字。
    - locl:字符變形符合本地化使用方式。
    - mark:mark to base放置方式。
    - mkmk:mark to mark放置方式。
    - rlig:必要連字。
    - 其他字型檔本身預設開啟的特性。
    e. 基本上,font-variantfont-feature-settings大致相似,但font-feature-settingsfont-variant擁有更多的特性,CSS規範中明確鼓勵網頁作者使用font-variant,除非font-variant無法支援的特性,才使用font-feature-settings,因為font-variant更符合CSS一般的使用方式。
    f. 使用在@font-face{}裡的時候,用法和font-variant完全相同。

上一篇
第五章:字型(9)
下一篇
第五章:字型(11)
系列文
CSS大全閱讀筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言