字體顯示效果測試
文字:
復制代碼代碼如下:
這一段是為了測試宋體字的顯示效果,包括宋體裡面自帶的英文字體,“This is english,how does it look like?”。這一行是小字。後面幾個字是加粗的宋體。標點符號“,。:;!”
這一段是為了測試黑體字的顯示效果,包括黑體裡面自帶的英文字體,“This is english,how does it look like?”。這一行是小字。標點符號“,。:;!”。微軟雅黑是什麼樣子的呢“,。:!”?
This paragraph shows how does serif english fonts look like,包括英文裡面夾雜中文的顯示效果。Is serif same as Times New roman?
This paragraph shows how does sans-serif english fonts look like,包括英文裡面夾雜中文的顯示效果。Is sans-serif same as Arial?
This paragraph shows how does ui fonts look like,還有專門的界面字體,比如Windows中的Tahoma字體:File->New->New Project。
#include <stdio.h>
int main(){
return 0;//很顯然這是為了測試等寬字體
}</p>
<p> #include <stdio.h> //觀察下面的代碼了解monospace是否等於Courier New
int main(){
return 0;
}
在文章最開始的一個部分(也就是這部分之前的內容),我特意寫了一些文字用來測試各種字體的顯示效果。這些測試文本我在HTML源代碼模式下經過仔細修改。第1段的字體都是設置為宋體,包括其中的英文、小字及加粗的字。第2段除了最後一句外,其余的字體都設置為黑體,包括英文及小字;最後一句字體設置為微軟雅黑,是為了對比微軟雅黑和普通黑體的效果。第3段除了最後一句外,其余的字體都設置為Serif,包括其中的中文;最後一句字體設置為Times New Roman。第4段除了最後一句外,其余的是Sans-Serif,最後一句是Arial。第5段的字體都是設置為Tahoma。最後的兩塊代碼,第1塊代碼的字體設置為monospace,第2塊代碼的字體設置為Courier New。為什麼這樣設置,我後面會配合圖片逐一講解。下面,需要先了解字體的分類及其用途。
1、英文字體分為三類,分別是有襯線字體(serif)、無襯線字體(sans-serif)和等寬字體(monospace)。Serif是有襯線字體,意思是在字的筆畫開始、結束的地方有額外的裝飾,而且筆畫的粗細會有所不同。Sans-serif就沒有這些額外的裝飾,而且筆畫的粗細差不多。在傳統的正文印刷中,普遍認為襯線體能帶來更佳的可讀性(相比無襯線體),尤其是在大段落的文章中,襯線增加了閱讀時對字母的視覺參照。而無襯線體往往被用在標題、較短的文字段落或者一些通俗讀物中。相比嚴肅正經的襯線體,無襯線體給人一種休閒輕松的感覺。同時,由於無襯線字體筆畫比較飽滿,所以比較適合電腦屏幕顯示,在印刷和打印中,可以用無襯線字體做標題、加粗字體等表示強調。等寬字體就不用多說啦,主要用於終端字體或編程。
2、中文字體可以參照英文字體進行分類,由於中文都是等寬的,所以就只需要區分有襯線(serif)和無襯線(sans-serif)。中文的宋體、仿宋就相當於英文的serif,所以用於傳統印刷和打印效果比較好。而中文的黑體、楷體、圓體等字體相當於英文的sans-serif,用於電腦屏幕的顯示效果比較好,也可以用在印刷和打印中做標題和粗體字。
3、Serif字體的經典代表有Georgia和Times New Roman,sans-serif字體的經典代表有Arial和Verdana,monospace字體的經典代表有Courier New和DejaVu Sans Mono。
電腦中的字體顯示技術電腦中的字體既是一門藝術,也是一門技術。要將屏幕上的字體顯示得好看難度可不小。字體可以表示為點陣(bitmap),也可以表示為輪廓(outline)。點陣字體不能縮放,輪廓字體可以隨意縮放。
1、要獲得銳利清晰的效果,小字必須顯示為點陣(bitmap),大字可以顯示為輪廓;
2、顯示輪廓字體時,為了讓字體邊緣顯得比較光滑,需要對字體邊緣進行抗鋸齒(anti-alias);
3、為了獲得更好的效果,字體設計廠家在設計字體的時候,會對字體進行微調(hinting)。字體微調是一項耗時耗力的工作,所以就產生了自動微調技術(autohint);
4、為了讓字體在液晶顯示器上獲得更好的效果(主要也是為了字體邊緣光滑),產生了次像素平滑技術(subpixle),微軟的ClearType技術也屬於次像素平滑技術的一種。所謂次像素,是指每個像素中的單獨的R、G、B分量,所以次像素平滑用好了,字體邊緣看起來會更平滑,如果用不好,字體邊緣就會顯得花花綠綠。也正是因為CRT顯示器和液晶顯示器每個像素的組成方式不一樣,所以在CRT顯示器中不能開次像素平滑。
5、增加屏幕的dpi,可以增加畫字的像素,從而獲得更平滑的顯示效果。比如在傳統的96dpi的電腦顯示器上,一個9pt的字符用12個像素繪制,一個12pt的字符用16個像素繪制,使用輪廓字體確實很難做到平滑。但是在目前的安卓手機、蘋果iPad等設備上,高分辨率的潤眼屏都在300dpi以上,畫一個12pt的字符可以用50多個像素,字體平滑自然不是問題,根本不需要使用點陣、微調、抗鋸齒、次像素等技術。我認為,隨著顯示器硬件技術的發展,以上技術都將成為浮雲。
以上圖片是字體測試段落在Win7系統中的顯示效果。除了標題和小字外,其它的字體都是12pt。可以看到,12pt的宋體字和serif的英文字體顯示為點陣,所以獲得了清晰銳利的效果。而黑體、微軟雅黑和sans-serif字體都沒有點陣,但是由於sans-serif本身筆畫飽滿,所以也獲得了不錯的顯示效果。據說微軟雅黑每個字造價100美元,專為ClearType技術而設計,但是從效果上看,並不比普通黑體強多少。
前面講過,serif和sans-serif是字體的分類名,而不是具體的字體名。Times New Roman是Windows下最經典的serif字體,但是從上圖可以看出它並不是serif字體的首選字體,設置為serif的字體和設置為Times New Roman的字體顯示不一樣,但是都是很漂亮的有襯線字體,serif的中文選擇了一種和宋體不同的點陣字體。Arial字體是最經典的無襯線字體,從圖中可以看出設置為sans-serif和設置為Arial的字體顯示效果相同。只是sans-serif的中文被宋體的點陣代替了。Tahoma字體的顯示效果和sans-serif只是寬度上略有不同,但是依然很飽滿。
使用Ctrl+鼠標滑輪可以縮放網頁。將網頁放大後顯示,可以查看輪廓字體的顯示效果,如下圖:
(注意:我文中的圖片都不是原始大小,可以通過Ctrl+鼠標滑輪放大後觀看,也可以在新窗口中打開圖片觀看。)
Linux中的字體 下面,通過大量的圖片直觀地感受不同的字體以及不同的字體顯示技術會帶來什麼樣的效果。
上圖是CentOS 5中的顯示效果,是不是覺得字體很虛?系統菜單中的字體倒是很銳利。其實在Fedora 9之前,Red Hat系列的Linux發行版中文字體顯示都很模糊。也正是因為這個原因,我曾經有一段時間偏向於使用中科紅旗的Linux。CentOS中的字體顯示發虛的原因就是因為它的小字沒有使用點陣。
小字使用輪廓字體就會發虛,大字使用輪廓字體效果就要好得多。使用Ctrl+鼠標滑輪將網頁放大,可以看到大字顯示很清晰飽滿。如下圖:
CentOS 5中的字體顯示還有一個奇怪的現象,那就是它認為serif的中文應該是楷體,而且它的sans-serif也顯示的是有襯線字體,很顯然這是不對的。而且由於歷史的原因,它沒有黑體。如下圖:
CentOS系統中對中文的支持主要依賴於2001年文鼎向開源界貢獻的兩套字體:文鼎PL中楷和文鼎PL細上海宋,如下圖:
下面來看看Ubuntu中的顯示效果。從下圖中可以看到,Ubuntu側重於sans-serif和黑體,除了明確指定serif和Times New Roman的字體外,其余全部顯示為sans-serif和黑體。而且沒有點陣。這進一步印證了我前面說的黑體適合屏幕顯示、宋體適合打印和印刷。在系統中全部顯示黑體雖然不會丟失文字的信息,但是肯定會影響美觀。Ubuntu沒有正確地為monospace選擇等寬字體,但是對Courier New倒是選擇了一個很漂亮的等寬字體進行替代。
使用Ctrl+鼠標滾輪將網頁放大,看到清晰飽滿的字體,如下圖:
對於界面字體,Windows下有Tahoma,Ubuntu下也有專用的界面字體,該字體就叫Ubuntu,是開源的。自Ubuntu 14.04開始,已經沒有采用文泉驿的黑體了,而是改用Droid Sans Fallback,沒錯,就是Google花錢為Android系統設計的字體。反正該字體也沒點陣,我覺得顯示效果也就那樣。
下面再來看看Fedora 20,該系統也是以黑體為主。從下面的圖片中可以看到,除了Times New Roman,其它的字體顯示都是一個樣。
小字是點陣,放大後,顯示為黑體,如下圖:
查看Fedora 20系統,可以看到它還是安裝了AR PL UMing,也就是宋體,但是它沒有使用,而且它沒有安裝楷體,雖然它的軟件源中有cjkuni-ukai。它使用的黑體是文泉驿系列。
之前發表的幾篇隨筆都是在Ubuntu 14.04下完成的,這次我決定換到Fedora 20系統下。曬一下我的桌面,如下圖:
從AR PL這幾個字符可以看出,AR PL UMing和文鼎貢獻的那兩套字體是一脈相承的。確實如此,只不過是經過合並、修改、增加了日語韓語及香港常用字型後,更名為CJKUniFonts,據說含有點陣。從名字可以看出,有了這套字體,中日韓都可以搞定。CentOS 6的主打字體就是它。如下圖,小字有點陣,清晰銳利:
放大後,顯示輪廓字體,不過好像缺了黑體,如下圖:
這套字體唯一的缺點就是它的標點符號,逗號和句號經常跑到一行的中間,而不是一行的底部。這都不是什麼大事兒,其實,微軟雅黑的引號也不漂亮,不是嗎?
CentOS 6中已經有了文泉驿,如下圖,之所以沒有顯示黑體不是因為沒有黑體,而是因為沒有正確配置:
通過上面一系列的截圖,可以看到各個操作系統都使用了哪些中文字體,也展現出了各個操作系統在字體配置方面的缺陷。從另一個方面,也反映出了挑選字體的趨勢。可以總結如下:
1、Linux系統中的宋體最早只有文鼎貢獻的細上海宋,而且還沒有點陣。後來發展到CJKUniFonts,宋體才有了點陣,它的字體名叫AR PL UMing,在Linux系統上想要使用宋體,就全靠它了。但是CJKUniFonts的點陣似乎不太符合我們的習慣,好在文泉驿有非常漂亮的點陣字體,雖然只覆蓋了9pt到12pt的范圍。
2、Linux系統中最開始黑體缺乏,現在大家都認識到了黑體在屏幕顯示中具有較好的效果,於是就黑體泛濫了。微軟花大價錢請人設計的微軟雅黑是黑體,開源字體文泉驿做的也是黑體,Google花錢請人做的Droid Sans Fallback還是黑體。Ubuntu用黑體,Fedora也用黑體。可以說,文泉驿選擇黑體作為切入點真的是選對了,也確實是我們廣大Linux使用者的福音。
3、即使是最新的Linux發行版,如Ubuntu 14和Fedora 20,其字體設置也不合理,對serif、sans-serif、宋體、黑體的理解都不正確。所以,對於字體,我們還是得自己配置。
字體配置實戰下面,將以Fedora 20為例,自己動手將它配置為正確的顯示效果。目前,在Linux系統上配置字體的工具是Fontconfig。
為什麼是Fontconfig
感謝這個時代,曾經混亂不堪的字體配置方法終於被Fontconfig一統江湖。在Linux中,字體配置曾經各自為政、混亂不堪,XServer、Xft、GTK、GTK2、QT等等各自采用不同的配置手段,字體引擎也有Type1、FreeType等。目前,可以認為在Linux系統中只需要配置FontConfig即可。
XOrg的官方網站上的文檔說明:XOrg中有兩種字體系統,一種字體系統是XServer自帶的字體系統,另一種就是Xft,而且XOrg官方建議所有的界面庫的開發者首選Xft字體系統;對於字體引擎,現在只剩下FreeType了,Type1的功能已經合並到了FreeType中。FreeDesktop.org的官方網站上有Xft、Freetype以及Fontconfig的文檔,雖然很簡略,但是也提到:Xft1.0及以前的版本,需要通過XftConfig文件來配置字體,從Xft1.1以後,都采用Fontconfig來配置字體;Fontconfig的文檔也說它只負責字體的配置,不負責字體的顯示。
So,配置Linux中的字體,我們只用理會Fontconfig,還有疑問嗎?
學習Fontconfig
學習Fontconfig的最佳方式是閱讀man fonts.conf手冊頁,其次,就是閱讀/etc/fonts/conf.d目錄下的配置文件,從實例中學習。
Fontconfig的功能就是幫助應用程序選擇字體並指導字體的顯示效果(只能說指導,因為具體的顯示由Xft、Freetype等說了算),用什麼策略選擇字體及用什麼選項顯示字體,通過配置文件來指定。Fontconfig對配置文件進行兩遍掃描,第一遍對應用程序傳遞給Fontconfig的字體列表(稱為pattern)進行操作,通過添加、刪除、替換pattern中的字體名,讓應用程序得到相應的字體;第二遍對已經選擇的字體進行操作,這時一般不改字體名了,而是對抗鋸齒(antialias)、微調(hinting)、自動微調(autohint)、微調級別(hintstyle)以及次像素平滑(rgba)等屬性進行控制。
Fontconfig配置文件的語法,這個不用我在這裡唠叨,看man fonts.conf手冊頁即可,一點也不難,它的很多元素,如match、target、test、edit、string、bool、double、const等,本身就是自解釋的,看到這個單詞就知道它是什麼意思。它的原則就是對每一個<match...>...</match>,通過<test...>...</test>來選擇要編輯的元素,然後使用<edit...>...</edit>來對該元素進行編輯。
配置Fedora 20 Fontconfig首先讀取的配置文件是/etc/fonts/fonts.conf,然後,根據/etc/fonts/fonts.conf裡面的<include>...</include>信息來加載其它的配置文件。Fedora 20默認是加載/etc/fonts/conf.d目錄下的所有文件。當然,/etc/fonts/conf.d目錄下的文件太多了,引入了很多其實沒有必要的復雜性。對於我這種追求簡潔的人,我直接就把它改了,讓/etc/fonts/conf.d下的文件去見鬼,從我自己的主目錄的fonts.conf.d目錄下加載配置文件吧。如下圖,我注釋掉了第71行,增加了第72行:
下面正式開始寫配置文件。
第一步:將不標准的字體分類命名更改為標准的字體分類命名
英文的字體分類有serif、sans-serif和monospace,中文的分類有“宋體”和“黑體”,但我們不能保證別人在請求字體的時候拼寫都是准確的,比如有可能拼寫成“sans serif”或“sans”、“mono”等,中文也可能寫成繁體“宋體”、“黑體”或者拼音“SongTi”、“HeiTi”等,為了後面配置文件的簡潔,這些不標准的分類名要先替換成標准的分類名。
英文的分類名的標准化/etc/fonts/fonts.conf這個主配置文件(就是我上面截圖的那個文件)已經做了,其完整代碼如下:
復制代碼代碼如下:
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<!-- /etc/fonts/fonts.conf file to configure system font access -->
<fontconfig></p>
<p><!--
DO NOT EDIT THIS FILE.
IT WILL BE REPLACED WHEN FONTCONFIG IS UPDATED.
LOCAL CHANGES BELONG IN 'local.conf'.</p>
<p> The intent of this standard configuration file is to be adequate for
most environments. If you have a reasonably normal environment and
have found problems with this configuration, they are probably
things that others will also want fixed. Please submit any
problems to the fontconfig bugzilla system located at fontconfig.org</p>
<p> Note that the normal 'make install' procedure for fontconfig is to
replace any existing fonts.conf file with the new version. Place
any local customizations in local.conf which this file references.</p>
<p> Keith Packard
--></p>
<p><!-- Font directory list --></p>
<p> <dir>/usr/share/fonts</dir>
<dir>/usr/share/X11/fonts/Type1</dir> <dir>/usr/share/X11/fonts/TTF</dir> <dir>/usr/local/share/fonts</dir>
<dir prefix="xdg">fonts</dir>
<!-- the following element will be removed in the future -->
<dir>~/.fonts</dir></p>
<p><!--
Accept deprecated 'mono' alias, replacing it with 'monospace'
-->
<match target="pattern">
<test qual="any" name="family">
<string>mono</string>
</test>
<edit name="family" mode="assign" binding="same">
<string>monospace</string>
</edit>
</match></p>
<p><!--
Accept alternate 'sans serif' spelling, replacing it with 'sans-serif'
-->
<match target="pattern">
<test qual="any" name="family">
<string>sans serif</string>
</test>
<edit name="family" mode="assign" binding="same">
<string>sans-serif</string>
</edit>
</match></p>
<p><!--
Accept deprecated 'sans' alias, replacing it with 'sans-serif'
-->
<match target="pattern">
<test qual="any" name="family">
<string>sans</string>
</test>
<edit name="family" mode="assign" binding="same">
<string>sans-serif</string>
</edit>
</match></p>
<p><!--
Load local system customization file
-->
<!-- <include ignore_missing="yes">fonts.conf.d</incllude> -->
<include ignore_missing="yes">~/fonts.conf.d</include></p>
<p><!-- Font cache directory list --></p>
<p> <cachedir>/var/cache/fontconfig</cachedir>
<cachedir prefix="xdg">fontconfig</cachedir>
<!-- the following element will be removed in the future -->
<cachedir>~/.fontconfig</cachedir></p>
<p> <config>
<!--
These are the default Unicode chars that are expected to be blank
in fonts. All other blank chars are assumed to be broken and
won't appear in the resulting charsets
-->
<blank>
<int>0x0020</int> <!-- SPACE -->
<int>0x00A0</int> <!-- NO-BREAK SPACE -->
<int>0x00AD</int> <!-- SOFT HYPHEN -->
<int>0x034F</int> <!-- COMBINING GRAPHEME JOINER -->
<int>0x0600</int> <!-- ARABIC NUMBER SIGN -->
<int>0x0601</int> <!-- ARABIC SIGN SANAH -->
<int>0x0602</int> <!-- ARABIC FOOTNOTE MARKER -->
<int>0x0603</int> <!-- ARABIC SIGN SAFHA -->
<int>0x06DD</int> <!-- ARABIC END OF AYAH -->
<int>0x070F</int> <!-- SYRIAC ABBREVIATION MARK -->
<int>0x115F</int> <!-- HANGUL CHOSEONG FILLER -->
<int>0x1160</int> <!-- HANGUL JUNGSEONG FILLER -->
<int>0x1680</int> <!-- OGHAM SPACE MARK -->
<int>0x17B4</int> <!-- KHMER VOWEL INHERENT AQ -->
<int>0x17B5</int> <!-- KHMER VOWEL INHERENT AA -->
<int>0x180E</int> <!-- MONGOLIAN VOWEL SEPARATOR -->
<int>0x2000</int> <!-- EN QUAD -->
<int>0x2001</int> <!-- EM QUAD -->
<int>0x2002</int> <!-- EN SPACE -->
<int>0x2003</int> <!-- EM SPACE -->
<int>0x2004</int> <!-- THREE-PER-EM SPACE -->
<int>0x2005</int> <!-- FOUR-PER-EM SPACE -->
<int>0x2006</int> <!-- SIX-PER-EM SPACE -->
<int>0x2007</int> <!-- FIGURE SPACE -->
<int>0x2008</int> <!-- PUNCTUATION SPACE -->
<int>0x2009</int> <!-- THIN SPACE -->
<int>0x200A</int> <!-- HAIR SPACE -->
<int>0x200B</int> <!-- ZERO WIDTH SPACE -->
<int>0x200C</int> <!-- ZERO WIDTH NON-JOINER -->
<int>0x200D</int> <!-- ZERO WIDTH JOINER -->
<int>0x200E</int> <!-- LEFT-TO-RIGHT MARK -->
<int>0x200F</int> <!-- RIGHT-TO-LEFT MARK -->
<int>0x2028</int> <!-- LINE SEPARATOR -->
<int>0x2029</int> <!-- PARAGRAPH SEPARATOR -->
<int>0x202A</int> <!-- LEFT-TO-RIGHT EMBEDDING -->
<int>0x202B</int> <!-- RIGHT-TO-LEFT EMBEDDING -->
<int>0x202C</int> <!-- POP DIRECTIONAL FORMATTING -->
<int>0x202D</int> <!-- LEFT-TO-RIGHT OVERRIDE -->
<int>0x202E</int> <!-- RIGHT-TO-LEFT OVERRIDE -->
<int>0x202F</int> <!-- NARROW NO-BREAK SPACE -->
<int>0x205F</int> <!-- MEDIUM MATHEMATICAL SPACE -->
<int>0x2060</int> <!-- WORD JOINER -->
<int>0x2061</int> <!-- FUNCTION APPLICATION -->
<int>0x2062</int> <!-- INVISIBLE TIMES -->
<int>0x2063</int> <!-- INVISIBLE SEPARATOR -->
<int>0x206A</int> <!-- INHIBIT SYMMETRIC SWAPPING -->
<int>0x206B</int> <!-- ACTIVATE SYMMETRIC SWAPPING -->
<int>0x206C</int> <!-- INHIBIT ARABIC FORM SHAPING -->
<int>0x206D</int> <!-- ACTIVATE ARABIC FORM SHAPING -->
<int>0x206E</int> <!-- NATIONAL DIGIT SHAPES -->
<int>0x206F</int> <!-- NOMINAL DIGIT SHAPES -->
<int>0x2800</int> <!-- BRAILLE PATTERN BLANK -->
<int>0x3000</int> <!-- IDEOGRAPHIC SPACE -->
<int>0x3164</int> <!-- HANGUL FILLER -->
<int>0xFEFF</int> <!-- ZERO WIDTH NO-BREAK SPACE -->
<int>0xFFA0</int> <!-- HALFWIDTH HANGUL FILLER -->
<int>0xFFF9</int> <!-- INTERLINEAR ANNOTATION ANCHOR -->
<int>0xFFFA</int> <!-- INTERLINEAR ANNOTATION SEPARATOR -->
<int>0xFFFB</int> <!-- INTERLINEAR ANNOTATION TERMINATOR -->
</blank>
<!--
Rescan configuration every 30 seconds when FcFontSetList is called
-->
<rescan>
<int>30</int>
</rescan>
</config></p>
<p></fontconfig></p>
<p>/etc/fonts/fonts.conf
中文的分類名標准化:
復制代碼代碼如下:
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
<match target="pattern">
<test qual="any" name="family">
<string>宋體</string>
</test>
<edit name="family" mode="assign" binding="same">
<string>宋體</string>
</edit>
</match>
<match target="pattern">
<test qual="any" name="family">
<string>SongTi</string>
</test>
<edit name="family" mode="assign" binding="same">
<string>宋體</string>
</edit>
</match>
<match target="pattern">
<test qual="any" name="family">
<string>黑體</string>
</test>
<edit name="family" mode="assign" binding="same">
<string>黑體</string>
</edit>
</match>
<match target="pattern">
<test qual="any" name="family">
<string>HeiTi</string>
</test>
<edit name="family" mode="assign" binding="same">
<string>黑體</string>
</edit>
</match>
</fontconfig></p>
<p>~/fonts.conf.d/01-standardize-chinese-font-class.conf
第二步:對英文字體進行分類
請注意,我只對英文字體進行分類。對英文字體進行分類的目的是為了給相應的英文字體搭配正確的中文,比如字體為Arial的英文句子中,如果出現中文就應該用黑體,而字體為Times New Roman的英文句子中,如果出現中文當然應該用宋體。等寬的英文字體嘛,whatever,反正中文字都一樣寬,哪個順眼就用哪個吧。對於中文其實也可以分類,然後搭配不同的英文字體。但是我認為,中文的字體中一般都包含有英文字符,用原裝的即可,沒有必要替換。所以,不對中文進行分類。其代碼如下:
復制代碼代碼如下:
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
<!--
Serif faces
-->
<alias>
<family>Bitstream Vera Serif</family>
<accept><family>serif</family></accept>
</alias>
<alias>
<family>DejaVu Serif</family>
<accept><family>serif</family></accept>
</alias>
<alias>
<family>Liberation Serif</family>
<accept><family>serif</family></accept>
</alias>
<alias>
<family>Times New Roman</family>
<accept><family>serif</family></accept>
</alias>
<alias>
<family>Times</family>
<accept><family>serif</family></accept>
</alias>
<alias>
<family>Nimbus Roman No9 L</family>
<accept><family>serif</family></accept>
</alias>
<alias>
<family>Luxi Serif</family>
<accept><family>serif</family></accept>
</alias>
<alias>
<family>Thorndale AMT</family>
<accept><family>serif</family></accept>
</alias>
<alias>
<family>Thorndale</family>
<accept><family>serif</family></accept>
</alias>
<alias>
<family>Georgia</family>
<accept><family>serif</family></accept>
</alias>
<alias>
<family>Garamond</family>
<accept><family>serif</family></accept>
</alias>
<alias>
<family>Palatino Linotype</family>
<accept><family>serif</family></accept>
</alias>
<alias>
<family>Trebuchet MS</family>
<accept><family>serif</family></accept>
</alias>
<!--
Sans-serif faces
-->
<alias>
<family>Bitstream Vera Sans</family>
<accept><family>sans-serif</family></accept>
</alias>
<alias>
<family>DejaVu Sans</family>
<accept><family>sans-serif</family></accept>
</alias>
<alias>
<family>Liberation Sans</family>
<accept><family>sans-serif</family></accept>
</alias>
<alias>
<family>Arial</family>
<accept><family>sans-serif</family></accept>
</alias>
<alias>
<family>Helvetica</family>
<accept><family>sans-serif</family></accept>
</alias>
<alias>
<family>Verdana</family>
<accept><family>sans-serif</family></accept>
</alias>
<alias>
<family>Albany AMT</family>
<accept><family>sans-serif</family></accept>
</alias>
<alias>
<family>Albany</family>
<accept><family>sans-serif</family></accept>
</alias>
<alias>
<family>Nimbus Sans L</family>
<accept><family>sans-serif</family></accept>
</alias>
<alias>
<family>Luxi Sans</family>
<accept><family>sans-serif</family></accept>
</alias>
<alias>
<family>Tahoma</family>
<accept><family>sans-serif</family></accept>
</alias>
<!--
Monospace faces
-->
<alias>
<family>Bitstream Vera Sans Mono</family>
<accept><family>monospace</family></accept>
</alias>
<alias>
<family>DejaVu Sans Mono</family>
<accept><family>monospace</family></accept>
</alias>
<alias>
<family>Liberation Mono</family>
<accept><family>monospace</family></accept>
</alias>
<alias>
<family>Inconsolata</family>
<accept><family>monospace</family></accept>
</alias>
<alias>
<family>Courier New</family>
<accept><family>monospace</family></accept>
</alias>
<alias>
<family>Courier</family>
<accept><family>monospace</family></accept>
</alias>
<alias>
<family>Andale Mono</family>
<accept><family>monospace</family></accept>
</alias>
<alias>
<family>Luxi Mono</family>
<accept><family>monospace</family></accept>
</alias>
<alias>
<family>Cumberland AMT</family>
<accept><family>monospace</family></accept>
</alias>
<alias>
<family>Cumberland</family>
<accept><family>monospace</family></accept>
</alias>
<alias>
<family>Nimbus Mono L</family>
<accept><family>monospace</family></accept>
</alias>
<!--
Fantasy faces
-->
<alias>
<family>Impact</family>
<accept><family>fantasy</family></accept>
</alias>
<alias>
<family>Copperplate Gothic Std</family>
<accept><family>fantasy</family></accept>
</alias>
<alias>
<family>Cooper Std</family>
<accept><family>fantasy</family></accept>
</alias>
<alias>
<family>Bauhaus Std</family>
<accept><family>fantasy</family></accept>
</alias>
<!--
Cursive faces
-->
<alias>
<family>ITC Zapf Chancery Std</family>
<accept><family>cursive</family></accept>
</alias>
<alias>
<family>Zapfino</family>
<accept><family>cursive</family></accept>
</alias>
<alias>
<family>Comic Sans MS</family>
<accept><family>cursive</family></accept>
</alias></p>
<p></fontconfig></p>
<p>~/fonts.conf.d/02-classify-english-fonts.conf
第三步:所有不認識的英文字體都分類為sans-serif
世界上字體那麼多,不是每一個都想得到的啦。對於所有不認識的字體,都認為它是sans-serif。其代碼如下:
復制代碼代碼如下:
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
<!--
If the font still has no generic name, add sans-serif
-->
<match target="pattern">
<test qual="all" name="family" compare="not_eq">
<string>sans-serif</string>
</test>
<test qual="all" name="family" compare="not_eq">
<string>serif</string>
</test>
<test qual="all" name="family" compare="not_eq">
<string>monospace</string>
</test>
<test qual="all" name="family" compare="not_eq">
<string>宋體</string>
</test><test qual="all" name="family" compare="not_eq">
<string>黑體</string>
</test>
<edit name="family" mode="append_last">
<string>sans-serif</string>
</edit>
</match>
</fontconfig></p>
<p>~/fonts.conf.d/03-treat-unclassified-fonts-as-sansserif.conf
到這裡,所有的分類工作完成。使用fc-pattern命令可以看到字體名被替換的過程。如下圖:
比如,當應用程序請求字體的pattern為“Time New Roman”時,pattern被更改為“Times New Roman” “serif”;當應用程序請求字體的pattern為“微軟雅黑,不認識的字體”時,“sans-serif”被添加到了pattern的最後面。這也是字體分類的原理,就是將字體的類名添加到列表的後面。在Fontconfig的配置語法中,<alias>是<match>的一種簡化寫法,如果需要測試和替換的只是字體名的話,使用<alias>就更簡單。如果使用<alias>,則<prefer>表示添加到所選字體的前面,<accept>表示添加到所選字體的後面,<default>表示添加到字體列表的最後。在這裡選擇用<accept>而沒有用<default>的原因是,如果用<default>,每次都是把分類名添加到最後,遇到比較奇怪的pattern(比如上圖中的最後一個測試)就會造成混亂。
第四步:對每一個字體分類,指定自己喜歡的字體
對每一個分類都可以指定一個字體列表,排在越前面的優先級越高。在每一個分類的最後指定一個中文字體的分類,當句子中出現中文時,前面的英文字體中肯定找不到相應的字符啦,這時就會一個一個往字體列表的後面找,直到在最後的中文字體裡找到。代碼如下:
復制代碼代碼如下:
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
<alias binding="strong">
<family>serif</family>
<prefer>
<family>Georgia</family>
<family>Times New Roman</family>
<family>Bitstream Vera Serif</family>
<family>DejaVu Serif</family>
<family>Thorndale AMT</family>
<family>Luxi Serif</family>
<family>Nimbus Roman No9 L</family>
<family>Times</family>
<family>宋體</family>
</prefer>
</alias>
<alias binding="strong">
<family>sans-serif</family>
<prefer>
<family>Arial</family>
<family>Verdana</family>
<family>Bitstream Vera Sans</family>
<family>DejaVu Sans</family>
<family>Albany AMT</family>
<family>Luxi Sans</family>
<family>Nimbus Sans L</family>
<family>Helvetica</family>
<family>Lucida Sans Unicode</family>
<family>BPG Glaho International</family>
<family>Tahoma</family>
<family>黑體</family>
</prefer>
</alias>
<alias binding="strong">
<family>monospace</family>
<prefer>
<family>DejaVu Sans Mono</family>
<family>Courier New</family>
<family>Bitstream Vera Sans Mono</family>
<family>Inconsolata</family>
<family>Andale Mono</family>
<family>Cumberland AMT</family>
<family>Luxi Mono</family>
<family>Nimbus Mono L</family>
<family>Courier</family>
<family>文泉驿等寬正黑</family>
</prefer>
</alias>
<alias binding="strong">
<family>宋體</family>
<prefer>
<family>AR PL UMing CN</family>
<family>AR PL UMing HK</family>
<family>AR PL UMing TW</family>
<family>AR PL UMing TW MBE</family>
</prefer>
</alias>
<alias binding="strong">
<family>黑體</family>
<prefer>
<family>文泉驿正黑</family>
</prefer>
</alias>
<!--
Fantasy faces
-->
<alias>
<family>fantasy</family>
<prefer>
<family>Impact</family>
<family>Copperplate Gothic Std</family>
<family>Cooper Std</family>
<family>Bauhaus Std</family>
</prefer>
</alias>
<!--
Cursive faces
-->
<alias>
<family>cursive</family>
<prefer>
<family>Comic Sans MS</family>
<family>ITC Zapf Chancery Std</family>
<family>Zapfino</family>
</prefer>
</alias></p>
<p></fontconfig></p>
<p>~/fonts.conf.d/04-prefer-fonts-for-each-class.conf
在這個配置中,依然使用<alias>,通過把具體的字體名添加到類名的前面來填實字體分類。填實字體分類後,通過fc-pattern命令,可以測試Fontconfig如何選擇字體,如下圖:
到這一步,我的Fedora系統已經能夠正確選擇各種分類中的字體了。打開浏覽器,用上一篇的開頭測試一下字體的顯示效果,如下圖:
放大後的效果:
從圖片中可以看出,經過前面的配置,浏覽器已經可以正確區分宋體、黑體,可以區分serif和sans-serif。對於等寬字體,也用上了漂亮的DejaVu Sans Mono。而且宋體的小字還有點陣。看似比較完美了,但是依然有幾個小問題:
1、宋體的小字有點陣,但AR PL UMing自帶的點陣真心不好看;
2、黑體的小字沒有點陣,雖然黑體比較飽滿,沒有點陣也不會發虛,但是有點陣還是更好,而且應用程序菜單中的中文也從點陣變成了不是點陣;
3、宋體的加粗部分沒有正確顯示。
所以,還需要進一步的設置工作。
第五步:控制字體的顯示屬性
上一篇已經論述過,要讓字體顯示得好看也是一個技術活。所以對字體的顯示屬性要詳細控制啦。Gnome-tweak-tool只能整體指定少量幾個屬性,如hintstyle和次像素平滑,很顯然是不夠用的。如下圖:
而且我的系統中用來畫字的dpi都不對,只有75,如下圖(另一個測試字體配置的利器fc-match的運行效果):
這樣字體畫出來肯定偏小。事實上我的顯示器dpi比96都要高20%左右。所以得改。為了跟隨主流,還是改成96dpi好了。
我控制字體屬性的思路:
1、著名廠家設計的字體,開hinting,開源的粗制濫造的字體就用autohint好了;目前系統中用的字體似乎名頭都很響,所以全局開hinting,hintstyle設為hintslight。
2、英文字體全局開次像素平滑,全局開抗鋸齒,如果在使用過程中發現有哪個字體邊緣顯示為花花綠綠的話,就單獨關閉這個字體的次像素平滑。
3、小於7.5像素的字就關閉hinting,這也是目前開源界的主流做法。
4、中文關閉次像素平滑,除非用的是微軟雅黑之類專為次像素平滑設計的字體;很顯然不在正版Windows中用微軟雅黑是違法的,所以中文關閉次像素平滑。
代碼如下:
復制代碼代碼如下:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE fontconfig SYSTEM "../fonts.dtd">
<fontconfig>
<match target="pattern">
<edit name="dpi" mode="assign">
<double>96</double>
</edit>
</match>
<match target="font">
<edit name="hinting" mode="assign">
<bool>true</bool>
</edit>
</match>
<match target="font">
<edit name="autohint" mode="assign">
<bool>false</bool>
</edit>
</match>
<match target="font">
<edit name="hintstyle" mode="assign">
<const>hintslight</const>
</edit>
</match>
<match target="font">
<edit name="antialias" mode="assign">
<bool>true</bool>
</edit>
</match>
<match target="font">
<edit name="rgba" mode="assign">
<const>rgb</const>
</edit>
</match>
<match target="font">
<edit name="lcdfilter" mode="assign">
<const>lcdlight</const>
</edit>
</match></p>
<p> <match target="font">
<test compare="less" name="pixelsize">
<double>7.5</double>
</test>
<edit name="hinting">
<bool>false</bool>
</edit>
</match>
<match target="font">
<test name="family" compare="contains">
<string>AR PL UMing</string>
</test>
<edit name="rgba">
<const>none</const>
</edit>
</match>
<match target="font">
<test name="family" compare="contains">
<string>正黑</string>
</test>
<edit name="rgba">
<const>none</const>
</edit>
</match>
</fontconfig></p>
<p>~/fonts.conf.d/05-dpi-and-hinting.conf
再來測試一下,如下圖:
第六步:為中文選擇點陣字體
上一篇中論述過,小字不用點陣,看起來會發虛。所以中文應該選擇點陣。文泉驿點陣正黑不錯,系統本身就有安裝。文泉驿點陣宋體需要另外安裝,如下圖:
代碼如下:
復制代碼代碼如下:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE fontconfig SYSTEM "../fonts.dtd">
<fontconfig>
<match target="pattern">
<test name="family" compare="contains">
<string>AR PL UMing</string>
</test>
<edit name="family" mode="prepend" binding="strong">
<string>WenQuanYi Bitmap Song</string>
</edit>
</match>
<match target="pattern">
<test name="family">
<string>文泉驿正黑</string>
</test>
<edit name="family" mode="prepend" binding="strong">
<string>文泉驿點陣正黑</string>
</edit>
</match>
<match target="pattern">
<test name="family">
<string>文泉驿等寬正黑</string>
</test>
<edit name="family" mode="prepend">
<string>文泉驿點陣正黑</string>
</edit>
</match>
<match target="font">
<test name="family">
<string>文泉驿點陣正黑</string>
</test>
<test compare="less_eq" name="pixelsize">
<double>16</double>
</test>
<test compare="more_eq" name="pixelsize">
<double>12</double>
</test>
<edit name="antialias">
<bool>false</bool>
</edit>
</match>
</fontconfig></p>
<p>~/fonts.conf.d/06-chinese-bitmap.conf
以上代碼通過將文泉驿點陣宋體添加到AR PL UMing的前面來實現替換掉AR PL UMing自己的點陣,通過將文泉驿點陣正黑添加到文泉驿正黑和文泉驿等寬正黑的前面來顯示點陣正黑。文泉驿的點陣只包含12px到16px的范圍,對該范圍大小的文泉驿正黑關閉抗鋸齒。把控制台字體調到monospace-12,可以看到控制台中的中文使用點陣,如下圖:
寫到這裡,我不得不提到另外一個問題,就是<edit...binding="?">...</edit>中binding究竟應該設置為什麼的問題。binding屬性有幾種選擇,分別是binding="strong"、binding="weak"和binding="same"。如果該屬性設置不合理,則會出現這樣的問題:明明使用fc-pattern查看的時候是文泉驿點陣宋體排在AR PL UMing前面,是DejaVu Sans Mono排在文泉驿等寬正黑前面,但是使用fc-match匹配的時候,偏偏首選的是AR PL UMing和文泉驿等寬正黑。為什麼會這樣呢?這是因為Fontconfig選擇字體的時候不僅僅只看字體名的排列順序,還要綜合考慮一種字體能覆蓋的字符集和字體大小范圍,所以,在前面的例子中,雖然文泉驿點陣宋體排在AR PL UMing前面,但是它覆蓋的字體大小范圍只有12px到16px,DejaVu Sans Mono雖然排在文泉驿等寬正黑前面,但是其覆蓋的字符集不包含中日韓文,所以Fontconfig就會首選排在後面的字體。為了解決這個問題,就必須把binding屬性設置為strong,這樣,不管什麼情況都首選排在前面的字體,只有遇到該字體不能勝任的字符時才選擇後面的字體。在我的配置文件中,我都是一路strong到底。
第七步:對沒有包含斜體和粗體的字體自動合成斜體和粗體
代碼如下:
復制代碼代碼如下:
<?xml version="1.0"?>
<!DOCTYPE fontconfig SYSTEM "fonts.dtd">
<fontconfig>
<!--
Artificial oblique for fonts without an italic or oblique version
-->
<match target="font">
<!-- check to see if the font is roman -->
<test name="slant">
<const>roman</const>
</test>
<!-- check to see if the pattern requested non-roman -->
<test target="pattern" name="slant" compare="not_eq">
<const>roman</const>
</test>
<!-- multiply the matrix to slant the font -->
<edit name="matrix" mode="assign">
<times>
<name>matrix</name>
<matrix><double>1</double><double>0.2</double>
<double>0</double><double>1</double>
</matrix>
</times>
</edit>
<!-- pretend the font is oblique now -->
<edit name="slant" mode="assign">
<const>oblique</const>
</edit>
<!-- and disable embedded bitmaps for artificial oblique -->
<edit name="embeddedbitmap" mode="assign">
<bool>false</bool>
</edit>
</match></p>
<p><!--
Synthetic emboldening for fonts that do not have bold face available
--></p>
<p> <match target="font">
<!-- check to see if the font is just regular -->
<test name="weight" compare="less_eq">
<const>medium</const>
</test>
<!-- check to see if the pattern requests bold -->
<test target="pattern" name="weight" compare="more">
<const>medium</const>
</test>
<!--
set the embolden flag
needed for applications using cairo, e.g. gucharmap, gedit, ...
-->
<edit name="embolden" mode="assign">
<bool>true</bool>
</edit>
<!--
set weight to bold
needed for applications using Xft directly, e.g. Firefox, ...
-->
<edit name="weight" mode="assign">
<const>bold</const>
</edit>
</match>
</fontconfig></p>
<p>~/fonts.conf.d/07-synthetic.conf
從這段代碼可以看出,合成斜體的時候使用了矩陣乘法。另一個在Fontconfig配置文件中使用矩陣乘法的例子是/etc/fonts/conf.d中的第1個配置文件10-scale-bitmap-fonts.conf,它使用矩陣乘法對點陣字體進行縮放,而且如果縮放因子在0.8到1.2之間則不縮放。閱讀系統的配置文件是一個學習的好方法,在我的系統中,該文件就僅供學習了,因為我不需要對點陣字體進行縮放。
最終效果如下圖:
放大後:
結果:小字時,宋體黑體都有點陣,大字時宋體黑體分別用不同的輪廓字體,能正確區分serif和sans-serif,加粗的宋體、等寬字體也能正確顯示,應用程序菜單中的字體也恢復到了點陣。
總結展示了Fedora 20配置字體的全過程。雖然沒有詳細講解Fontconfig的語法,但是通過代碼、截圖和fc-pattern以及fc-match命令對字體進行測試,讓Fontconfig的配置不言自明。當然,每個人對字體的感受是不一樣的,但是只要掌握了Fontconfig的配置方法,適當修改以迎合自己的需求,也是一件簡單的事情。也可以將Windows中的字體借過來使用,微軟還是一個很靠譜的公司,它的那幾個經典的英文字體是開放的,前面有一個截圖中展示有Fedora的源中有mscore-fonts軟件包,直接安裝就可以。