Linux 環境下如何使 Chrome 瀏覽器字體更漂亮


Windows 就免談了,本身字體渲染技術 Cleartype 以及 DirectWrite 就稀爛得一塌糊塗。Mac 下面本來字體渲染就很好,所以關鍵就是在 Linux 下如何使 Chrome 的字體渲染更漂亮?首先要明白一點,Chrome 的字體渲染依賴兩點:Linux 操作系統的字體渲染設置以及 Chrome 自身的網頁字體渲染控制。在 Fedora 22 GNOME 3.16 環境下,即使用 gnome-tweak-tool 設置了字體渲染微調為 none,抗鋸齒為 Rgba 后,對 Chrome 卻沒有效果,Chrome 仍然用“完全”微調模式進行字體渲染,這會導致很多中文字體顯示很丑陋。原因在於,Chrome 是讀取 Linux 系統 fontconfig 配置的,默認情況下系統 fontconfig 中沒有對字體全局 hint 進行配置,因此我們只需要在 /etc/fonts 目錄下創建一個 local.conf,寫入如下內容即可:

 1 <?xml version="1.0"?>
 2 <!DOCTYPE fontconfig SYSTEM "fonts.dtd">
 3 <fontconfig>
 4     <match target="font">
 5         <edit name="autohint" mode="assign">
 6             <bool>false</bool>
 7             </edit>
 8         <edit name="hinting" mode="assign">
 9             <bool>false</bool>
10         </edit>
11         <edit name="hintstyle" mode="assign">
12             <const>none</const>
13         </edit>
14     </match>
15 </fontconfig>

保存后即可發現系統所有程序都能遵循這個設置,字體渲染微調關閉,中文字體渲染會非常好看。接着,在 Chrome 中安裝 stylish 插件,創建一個針對所有網站都有效的樣式,其應用范圍為“全部”,內容如下:

1 html, body {
2     font-family: "Source Han Sans CN";
3 }
4 pre, code, kbd, samp, var {
5     font-family: "Monospace", "Source Han Sans CN";
6 }

這可以保證 Chrome 對任何網站的訪問都采用這個樣式。當然,別忘了對 Chrome 自己的設置中將其字體設置為你喜歡的字體即可。

2016.05.27 修改注釋:stylish 插件中的樣式設置,取消了原有的 body * { ... } 這種寫法,同時內部去掉了 !important,是為了能夠保證 webfont 比如現在流行的 icon font(在 Bootstraps 中大量使用)能夠正常顯示,否則 icon font 都會顯示出方框。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM