哪種字體最適合在電腦屏幕上閱讀?

分別說明中文和英文


我做的:Inziu Iosevka Downloads

如刀割般銳利。

13ppem

17ppem

26ppem

———————————————————————————————————————————

項目地址:be5invis/sfdhanautohint · GitHub

捐贈地址:支付寶 13053087127

支持原創?一元也可?有你支持?有我更新


中文:Noto Sans CJK SC (其實就是思源黑體)

英文:Ubuntu、Ubuntu Mono(等寬)

其實這也是Ubuntu的配置方式。

我現在用的是新配置的gentoo不方便截圖,暫時引用ubuntu的logo來顯示一下ubuntu字體的效果吧。

中文:Droidsansfallback (這是debian默認的中文字體,也是Android的默認中文字體)

個人感覺Noto Sans CJK SC要比Droidsansfallback在LCD屏上渲染要清楚些。

如果是windows下的話中文字體個人還是推薦微軟雅黑,看起來比較舒服。

其實顯示效果不止和字體有關,也和渲染方式有關,如果有條件強烈建議打開全局矢量字體,禁用內嵌點陣字體。這樣尤其是瀏覽網頁時感覺會非常舒服。

以上是我的個人見解。

以下引用自金步國作品集,其中的「渲染參數」針對linux下的fontconfig。

原文地址:http://www.jinbuguo.com/gui/linux_fontconfig.html

西文等寬字體

篩選要求:

  1. 每個西文字元的寬度正好是中文的一半[spacing=90]
  2. 可以清晰區分"1lI"和"O0o"
  3. 原生粗體
  4. 行高合適[使用"字體查看器"目測即可]

字體來源:最終勝出的是一款來自日本的"Migu 1M"開源字體(migu-
1m-20130617.zip),下載後解壓,從中提取"migu-1m-bold.ttf"與"migu-1m-regular.ttf"兩個文件即
可。在實際選擇的過程中,筆者發現,能滿足後三條的字體有很多,但是能滿足第一條的卻鳳毛麟角,"Ubuntu
Mono"可算其中之一,但是美觀度嘛,真心不敢恭維。此外,"Migu 1M"字體也是本文所使用的西文字體。

渲染參數:

antialias=true
hinting=true
autohint=false
hintstyle=hintslight
lcdfilter=lcddefault

西文無襯線字體

篩選要求:

  1. 可以清晰區分"1lI"和"O0o"
  2. 字元間距與"Arial"相當(包括粗體)
  3. 原生四體(常規/粗體/斜體/粗斜體)
  4. 行高合適[使用"字體查看器"目測即可]

字體來源:最終勝出的是來自Google的"Note"系列開源字體中
的"Noto
Sans"字體,下載zip包後解壓,從中提取"fonts/individual/hinted/NotoSans-*.ttf"四個文件即可。此外,
之所以要求字元間距與"Arial"相當,是因為"Arial"的使用相當廣泛,而其字元間距較小,如果我們選取的字體字元間距過大,則有可能會破壞某些
網頁的布局。在實際選擇的過程中,筆者發現,能滿足後兩條的字體有很多,但是能滿足前兩條的卻不多。特別第一條,大多數字體都無法清晰區分"1lI"
和"O0o"。

渲染參數:

antialias=true
hinting=true
autohint=false
hintstyle=hintslight(10px,12px)
hintstyle=hintfull(其他)
lcdfilter=lcddefault

西文有襯線字體

篩選要求:

  1. 可以清晰區分"1lI"和"O0o"
  2. 字元間距與"Times New Roman"相當(包括粗體)
  3. 原生四體(常規/粗體/斜體/粗斜體)
  4. 行高合適[使用"字體查看器"目測即可]

字體來源:最終勝出的是來自Google的"Note"系列開源字體中
的"Tinos"字體,下載zip包後解壓,從中提取"fonts/individual/hinted/Tinos-*.ttf"四個文件即可。此外,
之所以要求字元間距與"Times New Roman"相當,是因為"Times New
Roman"的使用相當廣泛,而其字元間距較小,如果我們選取的字體字元間距過大,則有可能會破壞某些網頁的布局。在實際選擇的過程中,筆者發現,能滿足
後兩條的字體有很多,但是能滿足前兩條的卻不多。特別第一條,大多數字體都無法清晰區分"1lI"和"O0o"。就算是最終勝出的字體,也頂多算勉強合
格。

渲染參數:

antialias=true
hinting=true
autohint=false
hintstyle=hintslight(Regular/Bold=10px)
hintstyle=hintfull(其他)
lcdfilter=lcddefault

中文黑體(無襯線)

篩選要求:

  1. 漢字筆畫符合中國大陸的國家標準
  2. 完整覆蓋簡體/繁體/粵語/CJK擴展A區/日文字元[使用"字元映射表"即可查看(注意勾選"只顯示來自此字體的字形")]
  3. 原生粗體
  4. 行高合適[使用"字體查看器"目測即可]

字體來源:最終勝出的是來自Google的"Note"系列開源字體中
的"思源黑體",下載zip包後解壓,從中提取"third_party/noto_cjk/NotoSansHans-*.otf"兩個文件即可。其實
在黑體的選擇過程中,我在來自蘋果的"冬青黑體"與來自Adobe的"思源黑體"之間搖擺了很久,美觀度上,"冬青黑體"某些時候略占微弱優勢,但在字元
集的覆蓋面上,"思源黑體"具有壓倒性的優勢,尤其是生僻字與各種中日韓符號。加上其開源的特性,最終選擇了"思源黑體"。需要提醒的是,不要使
用"NotoSansCJK",因為需要解決"locl"問題(如果有誰解決了這個問題請告訴我)。至於被微軟吹上天的雅黑,面對它的中文標點符號,我只
能「呵呵」了。

渲染參數:

antialias=true
hinting=true
autohint=false
hintstyle=hintslight
lcdfilter=lcddefault

中文宋體(有襯線)、中文仿宋(有襯線)、中文楷體(書法)

篩選要求:

  1. 漢字筆畫符合中國大陸的國家標準
  2. 完整覆蓋簡體/繁體/粵語/CJK擴展A區/日文字元[使用"字元映射表"即可查看(注意勾選"只顯示來自此字體的字形")]
  3. 行高合適[使用"字體查看器"目測即可]

字體來源:最終勝出的是來自Adobe CS 6的"Adobe
宋體 Std"、"Adobe 仿宋 Std"、"Adobe 楷體
Std",下載任意一個軟體的試用版,即可從中提取如下文件:"AdobeSongStd-Light.otf","AdobeFangsongStd-
Regular.otf","AdobeKaitiStd-Regular.otf"。

注意,從 Creative Cloud 開始不再捆綁仿宋與楷體,必須從 Adobe Typekit 訂閱(因此只能非官方途徑更新)。此外,"Adobe 宋體 Std"還可以從Adobe Reader中提取,在Windows平台安裝後,提取"C:Program FilesAdobeReader 11.0ResourceCIDFontAdobeSongStd-Light.otf"文件即可。

渲染參數:

antialias=true
hinting=true
autohint=false
hintstyle=hintfull
lcdfilter=lcddefault

韓文字體

字體來源:依然是來自Google的"Note"系列開源字體中的"思源黑體",下載zip包後解壓,從中提取"third_party/noto_cjk/NotoSansKR-*.otf"兩個文件即可。

渲染參數:

antialias=true
hinting=true
autohint=false
hintstyle=hintslight
lcdfilter=lcddefault

符號字體

字體來源:C:WindowsFontsseguisym.ttf

渲染參數:

antialias=true
hinting=true
autohint=false
hintstyle=hintfull
lcdfilter=lcddefault


華文宋體中的11.1兆的那個版本,明顯比win內集的宋體清晰,也比雅黑、華文中宋等等我見過的字體清晰。


中文:襯線字體華文中宋,非襯線冬青黑體W3。

英文:襯線Georgia,非襯線Verdana。

Windows7系統下。


推薦閱讀:

為何某些中文字體的設計下部會留下很多行距?
chrome 字體發虛模糊是因為什麼?
繁體字真的美觀嗎?
怎樣優化 MacBook Air 字體顯示?
PDF 格式的文件為什麼可以做到非常出色的字體渲染效果?

TAG:字體 | 中文字體 | 字體排印 | 字體渲染 | 電腦屏幕 |