UTips.13: Fonts Configuration (Advanced)

  • Fonts Configuration (Advanced)
  • 設定完UTip.9之後雖然可以解決中文漏字與不整齊的問題,但是卻無法滿足我們對字體美化的要求,這一篇會介紹如何對文字做進階的美化。

    在正式設定字型之前,我們要約略的了解一下字型的分類,以一個亞洲的使用者來說,我們多數會用到的字體如下:

    • 拉丁文字:英、法、德。
    • 非拉丁文字:中、日、韓。

    而在ubuntu底下的最底層字體可分為三類:

    • serif:多用於印刷上
    • sans-serif:系統預設字體
    • monospace:常用於程式碼與terminal環境下

    我將美化過程分成以下步驟:

  1. 移除ZenKai、ShanHeiSun
    • apt-get remove ttf-arphic-ukai
    • apt-get remove ttf-arphic-uming

    這兩個字體在安裝完後就有了,只是他們的優先權太高,常常自體會以他們為主,所以只好使用下下策,把他給刪了(懶得去設定conf.d裡的檔案)。

  2. 安裝Microsoft Core Fonts
  3. Microsoft Core Fonts主要有以下的字體:

    1. Arial
    2. Arial Black
    3. Comic Sans
    4. Courier New
    5. Georgia
    6. Impact
    7. Times
    8. Times New Roman
    9. Trebuchet
    10. Verdana
    11. Webdlings

    安裝指令如下:

    • apt-get install msttcorefonts

  4. 複製想要的字體:
  5. 這裡我們使用了兩大作業系統的字體:

    Windows:

    1. Microsoft jhengHei(微軟正黑體)
    2. Microsoft Yahei(微軟雅黑體)
    3. Meiryo(微軟的日文字體)
    4. Malgun Gothic(微軟韓文字體)
    5. Bitstream Vera Sans

    Mac:

    1. LiHei Pro(儷黑體)
    2. iLiHei(儷黑體)

    將以上的字體複製到/usr/share/fonts/truetype/裡。

  6. 設定nonlatin.conf
  7. 我們要分別在serif, sans-serif, monospace裡設定我們想要的字體,您可以點選上面的標題下載我所設定好的。

  8. 設定fonts.conf
  9. 這部份的設定很關鍵,因為有部份的字體很搶優先權,這點我也不知道甚麼原因,更妙的是微軟正黑體(預設於繁體)沒有比微軟雅黑體(預設為簡體)在顯示繁體上來的好,我們不希望英文字體由iLiHei來處理,所以在iLiHei字體之前還要設定我們想要的英文字體。建議在這部份的字體不要設定太多。以免效果不彰。

    另外就是字體的Anti-alias, Hinting, AutoHint的設定,以中文字體來說,分別設定為True, Flase ,False的效果會比較好,但是也有例外(例如新細明體就不是這樣設定),iLiHei和LiHei一定要設定,否則字體會很難看。同樣的你也可以點選上面的標題來下在我設定好的來使用。設定到這裡之後你可以重新登入系統,你會發現大部分的字體已經改變了,但我們還是要做一些細項設定。

  10. 系統的Fonts設定
  11. 筆者我比較偏好在系統底下使用LiHei Pro字體:

    Fixed width font設定部份我們還是保留monospace,畢竟我們已經在fonts.conf裡定義好我們要的字型了。

  12. 設定FireFox的字型
  13. 我繁體中文設定如下:

    我並沒有強制讓網頁字體依照我的設定來顯示,所以我沒有把勾勾給放掉,如此一來網頁的字體間距會好看一點。

  • Result Demo
  • Yahoo HomePage,似乎很多人很喜歡拿這個做範例,Yahoo的網頁算是很守規範的,拿他來評測並不客觀:

    Google HomePage上我們的字體就有些許的瑕疵,但是這個問題可以透過強制使用設定的字體來解決。

    百度網頁的簡體字也變好看了:

    Ruby首頁的日文字也有改變:

    這一連串的測試之下,大部分的文字與符號都能正常顯示,有極少部份會出現錯誤,如果更好的解好法我會繼續貼出來。

No comments:

Post a Comment

Orange - data analysis tool

Installation pip install orange3 Run orange python -m Orange.canvas