瀏覽器如何在網頁設計中的本文正確顯示出內容?
瀏覽器是我們最必用的軟體之一，文本又是網頁設計中最主要的元素，在瀏覽器顯示文本的過程中有許多有趣的細節，值得展開來講講，或許能減少一些誤解。這是一個比較粗略的，概括性的介紹，盡可能不涉及過多的技術細節和具體實現，而立足于給網頁設計開發者和設計師提供一些正確的概念。
下面的介紹主要根據我對 WebKit 和 Gecko (Firefox) 的印象來談，其他的瀏覽器也大致相同，如有闕漏之處歡迎指出。
解碼
當瀏覽器收到來自網頁設計的伺服器資料之後，第一步是要把它解碼成可以閱讀的文本，因為歷史原因，不同區域和語言的網頁設計可能會使用不同的編碼方式，而瀏覽器判斷編碼主要是依據以下方法：
網頁設計的伺服器返回的 HTTP 頭中的“ Content-Type: text/html; charset ”資訊，這一般有最高的優先順序；
網頁本身 meta header 中的 Content-Type 資訊的 charset 部分，對於 HTTP 頭未指定編碼或者本地檔，一般是這麼判斷；
假如前兩條都沒有找到，瀏覽器功能表裡一般允許用戶強制指定編碼；
部分瀏覽器 (比如 Firefox) 可以選擇編碼自動檢測功能，使用基於統計的方法判斷未定編碼。
分段
編碼確定後，網頁就被解碼成了 Unicode 字元流，可以進行進一步的處理，比如網頁設計解析了，不過我們這裏跳過 HTML/XML 解析的細節，單講得到了解析後的文本元素之後該怎麼處理。
因為我們得到的文本可能是很多種語言混雜的，裡面可能有中文、有英文，它們可能要用不同的字體顯示；也可能有阿拉伯文、希伯來文這種從右到左書寫的文字；也有可能涉及印度系文字這樣涉及複雜佈局規則的文字；另外，還可能有網頁內自己指定的文本語言，比如 < span lang="jp" >日本語< /span > 這樣的標記，使得日文漢字可以使用日文字體顯示 (因為 Han Unification 導致這些漢字和中文裏的漢字使用同樣的代碼點，儘管很多寫法不同)，"lang" 屬性也可以在 HTTP 頭、< meta > 或者 < html > 出現，用於標記整個文檔的全局語言，通常這是一種好的習慣，方便瀏覽器進行字體搭配。
建議
基於以上的簡單介紹，可以嘗試提出一個在現有瀏覽器下，針對中文用戶的，書寫 CSS 字體選擇規則的建議，如下：
首先確定要選擇字體的元素應該使用的字體風格，比如是襯線字體、非襯線字體還是 cursive、fantasy 之類的；
確定了風格之後，先選擇西文字體，優先把平台獨特的、在該平臺下效果更好的字體寫上，比如 Mac OS X 下有 Helvetica 也有 Arial，但 Helvetica (可能) 效果更好，Windows 下則一般只有 Arial，那麼寫 Helvetica, Arial 就比 Arial, Helvetica 或者只有 Arial 更好；
然後列出中文字體，原則相同，多個平臺共有的字體應該儘量放在後邊，獨有的字體放在前面，還需要照顧到 Mac OS X/Linux 下一般用戶習慣用(細)黑體作為默認字體，Windows 下習慣以宋體作為默認字體的情況，比如 STXihei, SimSun 這樣的寫法比較常見，如果寫作 SimSun, STXihei，但 Mac OS X 上裝了 SimSun 效果就不會太好看。
最後還是應該放上對應的 generic family，比如 sans-serif 或者 serif。
儘量用字體的基本名稱 (比如 English locale 下顯示的)，而不要用本地化過的名稱。除非特殊情況 (Windows 下“某些”瀏覽器在特定編碼下只能支援本地化的字體名稱)。Mac OS X 下字體名稱可以用 Font Book 查到 (功能表 Preview -> Show Font Info)，Windows 下字體資訊在微軟的網站可以得到，Linux/X11 下可以使用 fc-list 命令查到。
字體名稱中包含空格時記住用引號擴起，比如 "American Typewritter" 和 "Myriad Pro"。
文檔開頭最好指明網頁設計語言，比如 < html lang="zh-tw" >，可以使用的網頁設計語言標記參見 W3C 的說明。
轉貼來源：W3CTech
參考文獻：
1.王大維，2002，台灣工商業可延伸企業報告語言分類標準之建立，國立台灣大學會計研究所未出版碩士論文。
2.位元文化，2002，XML 技術實務，台北：文魁資訊股份有限公司。
3.林宥吟，2002，延伸性企業報告語言之產業應用-以資產管理產業為例，私立中原大學會計系碩士班未出版論文。
相關文章
重新發現網頁設計的表格網頁設計的特殊符號介紹MAC下的網頁設計中文字體優化回應式網頁設計網頁設計要根據企業風格慎選配色
最新文章
HVACKer：入侵隔離網絡的新型攻擊技術還有什麼不會被入侵？路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌，最狂的是一家估值 124 億美的數據分析新創！【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala，下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了
