文字設計

「漢字標準格式」內建專屬的文字設計模組，在元素樣式標準化的基礎上，強化各作業系統及瀏覽器的字體回退機制、提供區分萬國碼區段的各式字體集（如標點修正集等），為不同元素及相應情境指定了符合需求及既成慣例的字體樣式。

字體回退機制

文字設計模組以其完善的字體回退機制處理所有元素與情境的字體樣式。依據元素或網頁指定的語言、文字變體或地區等元信息，按下方的回退順序提供相應的字體。

1. 漢字標點字體集（例：Biaodian Pro Sans）
2. 數字字體集（需要時調用，例：Numeral LF Sans）
3. 西文字體（例：Helvetica Neue、Arial）
4. 注音符號字體集（需要時調用，例：Zhuyin Heiti）
5. 漢字字體集（例：Han Heiti）
6. 字體基型（例：sans-serif）

這個回退順序，有助在最大程度上，避開各字體或字體集同時使用時可能重疊的區段衝突，以字元為單元調用相應的字體。

示例及相關代碼

簡體中文網頁的根元素（html）預設字體樣式如下，

html:lang(zh-Hans),
html:lang(zh-CN) {
  font-family: 
    'Biaodian Pro Sans GB',             /* 1 */
    'Helvetica Neue', Helvetica, Arial, /* 3 */
    'Han Heiti GB',                     /* 5 */
    sans-serif                          /* 6 */
  ;
}

繁體中文網頁，文章內區塊引用元素的預設字體樣式如下，

article blockquote:lang(zh-Hant) {
    font-family: 
      'Biaodian Pro Serif',             /* 1 */
      'Numeral LF Serif',               /* 2 */
      Georgia, 'Times New Roman',       /* 3 */
      'Zhuyin Kaiti',                   /* 4 */
      'Han Kaiti',                      /* 5 */
      cursive, serif                    /* 6 */
    ;
}

日文網頁，計算機相關文本元素（如代碼code元素等）的預設字體樣式如下，

code:lang(ja) {
  font-family: 
    'Yakumono Sans',                    /* 1 */
    Menlo, Courier,                     /* 3 */
    monospace, monospace, sans-serif    /* 6 */
  ;
}

中文或日文網頁下，非漢字文本的元素字體樣式，

*:lang(zh-Latn), 
*:lang(ja-Latn),
*:not(:lang(zh)):not(:lang(ja)) {
  font-family: 
    'Helvetica Neue', Helvetica, Arial, /* 3 */
    'Han Heiti',                        /* 5 */
    sans-serif                          /* 6 */
  ;
}

文字設計模組內建了四個字體回退基型——無襯線（黑體）、襯線（宋體）、手寫體（楷體）、等寬（黑體），使用相應的Sass @extend即可在選擇器上套用，並能避免冗餘繁雜的字體宣告，請見使用手冊「Sass API·字體基型 @extend」。

標點樣式修正

目前，部分漢字標點符號未單獨收錄於萬國碼中，多與西文標點共同。由於二種文字形態迥異，一般的字體設定無法滿足雙方的排版需求。

文字設計模組預設為中文網頁套用進階標點符號樣式修正（可依需求選用簡易版），日文網頁則預設修正破折號、省略號等二種符號，並根據相應的元素或情境，套用「無襯線」或「襯線」修正集。

二種語言皆可經Sass變數設定關閉標點樣式修正。

中文標點列表

修正標點列表

簡易修正標點列表

示例

日文標點列表

修正標點列表

示例

更詳盡的範例及測試，請見程式測試頁·標點符號。

預設西文字體

預設西文字體分為無襯線、襯線、等寬三種，字體選用的原則以主流作業系統相應的預設字體或「網頁安全字體」為主。

等高與文本數字

部分西文字體使用文本數字樣式的阿拉伯數字，然文本數字並不適合嚴格等寬的漢字排版。文字設計模組提供「等高數字」與「文本數字」二種數字字體集，其下再區分無襯線及襯線二個基型分類。

意大利體

西文意大利體對應漢字的手寫體，例如楷體或仿宋。在「漢字標準格式」中，應用於如變音文字i與變數var等元素。

陽入韻羅馬拼音

適用於含有陽入韻的漢語羅馬拼音（如臺灣閩南語羅馬字拼音方案）行間注ruby元素。提供無襯線基型「Romanization Sans」，使用web font技術，此字體僅包含五個陽入韻元音「a̍e̍i̍o̍u̍」字符。

中文漢字字體集

文字設計模組按四大漢字字體基型「黑」「宋」「楷」「仿宋」編制，其下再區分「繁體推薦字體」「繁體適用字體」「中國國標新字形字體」三種變體，足以適應各種需求。

注音符號

文字設計模組提供二種注音符號字體——「注音黑體」及「注音楷體」。