您的下箇中文網站可以使用的5個高質量中文Webfont
你有沒有考慮為什麼中文網站的版式風格不像大多數現代英文網站那樣豐富?您想了解如何讓您的下一個中文網站專案更吸引使用者的眼球麼?繼續往下讀吧……
根據Smashing Magazine進行的一項調查顯示 ,大多數網站在2013年已採用非標準字型作為主要字型,這表明網站版式風格的多樣性和自由度正在日益增長。隨著Google Web Fonts,Typekit和許多其它穩定且易於部署的webfont服務的出現,網頁設計師已不再為是否使用了web-safe(網頁-安全 指恰到好處而不讓人覺得突兀)的字型而擔心。然而,在講漢語的世界裡,網頁設計師沒有那麼奢侈的便利條件。
中文網站排版面臨的挑戰
中文字符集很龐大。標準的中文字符集由大約10,000個單獨字元組成,常用的只有3,000個字元。由於有龐大的字符集,中文字型檔案單個大小可以達到5到10 MB。由於這個原因,除非您的網站使用者具有超快的網速,否則使用CSS @ font-face的嵌入方式是不可行的。很長一段時間,人們只使用所謂“網頁安全”(注:意思同上文)的中文字型,它們是:
- 宋體(Song Ti),大多數舊網站使用有襯線體(serif)字型。
- 黑體(Hei Ti),一種類似“Helvetica”的有襯線體(serif)字型。
- 幼圓(You Yuan),類似comic-sans(一種Windows系統字型)一樣的圓形字型,但並沒有像它那樣臭名昭著。
- 隸書(Li Shu),一種毛筆字。
- 微軟雅黑(Microsoft Ya Hei sans-serif(無襯線體)),可以說是最時尚的中文網頁安全字型。從Vista開始,它就出現在了Windows系統中。(注:下文直接用serif和sans-serif,這兩種字型的區別具體參考百度百科)
對於Mac OSX使用者而言,也有一個不錯的選擇:蘋果麗黑(Hiragino Sans GB).它是一種高質量sans-serif字型類似於Windows上的微軟雅黑(Microsoft Ya Hei sans-serif)。
“蘋果麗黑(Hiragino Sans GB)”,現在被認為是網上最優質的中文sans-serif 字型(僅適用於Mac)。
通常在實踐中較好的做法是不在body的css中指定任何中文字型樣式,而只指定charset =“utf-8”。這樣做就可以讓瀏覽器選擇可用的最佳字型來展示頁面從而獲得最好的頁面可讀性。
然而,中文版式的確有更為廣泛的風格多樣性。縱觀中國歷史,中文書面語言的基本構件隨著時間的推移而在不斷髮展。一般來說,漢字風格可以大約分為12種不同的風格,從象徵自然物和動物的古代神諭到現代sans-serif漢字。目前,在漢語世界的不同地區使用了兩套不同的漢字 - 簡體中文和繁體中文。
“黑體“,一種類似於sans-serif印刷風格的字型
從事中文網站專案的設計師通常希望他們可以從更廣泛的網頁字型中進行選擇,以實現他們的創意追求。這種需求為中文字型提供商創造了開發新技術以解決問題的機會。
新技術使中文網頁字型更加實用
雖然以穩定和頻寬友好的方式提供中文網頁字型仍然是一項技術挑戰,但是有一些有為的中文網頁字型提供商利用創新技術已經使其更切實際。大多數這些提供商採用的技術是使用JavaScript程式碼塊來收集當前網頁所需的所有字元,並自動下載壓縮後的字型檔案。這樣,只有需要的字元才會被下載下來,從而將字型檔案縮小到合理的大小。
JustFont是一種針對中文字型的Typekit-esque服務。它有一個不錯的繁體中文字元的字型庫,但只有一組有限的簡體字符集。
DYNAFont是一家知名的中文字體制作公司,一直在不斷的生產高質量的中文字型。其網站上列出的所有字型均由該公司製作。如果您特別希望在web上使用DYNA字型,那麼請點選上面的連結。
使用YouZiKu,您可以上傳自己的字型檔案並將可以其轉換為指定字符集風格的定製webfont檔案。它還有多種字型可供選擇。
iFontCloud擁有大量的繁體中文字型風格。如果您正在設計一個主要針對中國傳統讀者的中文網站,iFontCloud可以派上用場,讓您的網站脫穎而出。
fonts.com也有一組中文webfonts。但是,與上述服務不同,fonts.com沒有采用預過濾功能來減少字型檔案大小,通常字型檔案大約為2~4MB。因此,它不適合那些以網路速度較慢的線上使用者為目標的網站。
結論
雖然這些技術允許設計人員和Web開發人員從更廣泛的字型中進行選擇,但仍然建議小規模地使用該技術,這意味著它應該僅用於短拷貝文字而不應該用於長時間執行的正文文字,因為正文文字有更大的不同種類的字元集合。大字型檔案仍將顯著影響頁面載入效能。
P.S. Kendra Schaefer撰寫了一篇關於中文網頁字型的非常全面的文章。你可以在這裡閱讀。
更新:Smashing Magazine也釋出了一篇關於中文網頁設計趨勢的文章,你可以在這裡檢視 。