漢字標準格式

印刷品般的字網頁排版框架

GitHub:Fork這個專案

標點符號樣式

在萬國碼中,有少數文標點符號並末單獨收錄,需同西文標點共用。而一般作業系統、瀏覽器在fallback字體順序時,通常將西文字體排序在前、字字體在後,導致無從以文的排版習慣顯示效果。

標點符號樣式用於修正表意文字(CJK)的標點位置及顯示樣式。這個功能以@font-face將標點符號獨立於字字體之外,並排序於西文、字字體或系統fallback前方,以避免交由作業系統或瀏覽器排序字體所造成的衝突,並提升美觀度。

範例

繁體標點

《源氏物語》是日本女作家紫式部的長篇小說,也是世界上最早的長篇寫實小說,代表日本古典文學的高峰,成書在長保三年至寬弘五年(西元1001年至1008年)間。

「物語」是一種具有民族特色的日本文學體裁,較著名的有《竹取物語》、《落窪物語》、《平家物語》等。《竹取物語》中輝夜姬的故事在日本更是婦孺皆知。

《源氏物語》在日本開啟了「物哀」的時代——「物哀」即見物而生悲哀之情——此後日本的小說中明顯帶有一種淡淡的悲傷!而「物哀」也成為日本一種全國性的民族意識,隨着一代又一代的詩人、散文家、物語作者流傳了下來……

維基百科·源氏物語

式標點

当考试接近的时候,达尔文“私下接受‘亨斯洛’的指导”,但也同时将重心放在课业!达尔文尤其热衷于威廉·裴利(William Paley)的著作,包括论证神必定存在的《目的论的证明》(Teleological Argument)。在1831年2月的期末,他在神学上的表现优异,而古典学、数学、物理学也能应付。在178个过关名单中排名第10……

維基百科·達爾文

符號樣式說明

下方二表包含標點符號樣式最佳化的所有標點及說明,二表分別為預設開啓的「簡易符號修正」及需另行啓用的「進階版」。

符號修正(預設開啓)

部分繁體文字體將單點全形句號顯示於字元中間(),與間隔號樣式相似,可能導致讀者誤會;而西文字體中,間隔號及彎引號多顯示為「半格字字寬」(·“‘’”)、破折號兩不相連(——)和省略號沉底(……)亦與字排版規範不符。故在「字標準格式」中,預設修正這五種標點。

註:文網頁中,僅修正破折號及省略號。

標點 Unicode 符號位置與修正說明
單點全形句號 FF0E 前字右下
間隔號 00B7 佔一漢字寬度,居中
莫那·魯道
彎引號 201C
201D
2018
2019
佔一漢字寬度,緊靠其內容
“內‘內容’容”
破折號 2014 相連無間隔——
刪節號 2026 居中……

進階版(需另行啓用

進階版標點符號樣式包含常見的所有文標點,並再細分為「式」與「式」二種以地區差異區分的版本。可能同西文共用之字符以高亮背景突出。

註:進階版需另行啓用

標點 Unicode
句號 3002 居中 前字右下
單點全形句號 FF0E 前字右下
逗號 FF0C 居中 前字右下
頓號 3001 居中 前字右下
分號 FF1B 居中,佔一漢字長寬
冒號 FF1A 居中,佔一漢字長寬
問號 FF1F 居中,佔一漢字長寬
驚嘆號 FF01 居中,佔一漢字長寬
引號 300C
300D
300E
300F
201C
201D
2018
2019
佔一漢字寬度,緊靠其內容
「內『內容』容」
“內‘內容’容”
書名號 300A
300B
3008
3009
佔一漢字寬度,緊靠其內容
《書名》〈篇名〉
括號 FF08
FF09
佔一漢字寬度,緊靠其內容
(內容)
破折號 2014 相連無間隔——
刪節號 2026 居中……
間隔號 00B7 佔一漢字寬度,居中
莫那·魯道

啓用方式

標點符號樣式的簡易符號修正已預設啓用,並作用於多數「字標準格式」定義的元素。你可以使用下列的字體名稱為個別的元素加入簡易符號修正。

註:務必為自行套用標點字體元素下的字子元素設定跳脫。如:

div.content {
    font-family: 'Biaodian Serif', 'Times New Roman', serif;
}

div.content :not(:lang(zh)) {
    font-family: 'Times New Roman', serif;
}

進階版標點樣式

直接套用於「字標準格式」定義的元素中

選擇需要的地區標點樣式類別,並插入html中。

  1. 繁體標點class="han-biaodian-pro-cns"
  2. 式標點class="han-biaodian-pro"

自行套用

在欲套用效果的元素中,宣告下列字體並排序於其他字體前方,請依樣式、字體風格選擇標點字體。

註:務必為自行套用標點字體元素下的字子元素設定跳脫。如:

div.content.taiwan h1 {
    font-family: 'Biaodian Pro Sans CNS', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

div.content.taiwan h1 :not(:lang(zh)) {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

支援情況

這個「標點符號樣式」解決方案目前支援WebkitGoogle ChromeSafari)及IE9以上版本的瀏覽器環境,於Mac OS XiOSWindows VistaWindows 7/8DebianUbuntu等作業系統上有較佳效果。