CSS字體設定

在CSS的設定語法中，有關字體的設定是像下面這樣的語法↓
font-family:"細明體","Times New Roman",Georgia,Serif;

主要是說，在font-family:後面是一串的字體定義，而它是一串的使用順序，也就是說像上面的例子是：最先使用系統的"細明體"來顯示頁面文字字體，如果系統中找不到這樣的字體[例如我們用英文版的作業系統沒有裝中文字體]"，接下來就是找系統中的"Times New Roman"字體來顯示，再找不到系統有支持"Times New Roman"字體的話，就用系統的Georgia字體來顯示, 最最最糟糕的情形都找不到字體則用Serif字體顯示！！

在font-family這裡面有兩大類的字體定義，一種是family-name 字型名稱，另外一個是generic-family汎用字集，
所謂的family-name就是像我們使用word或是power-point等文件編輯器中的字型名稱：Arial, Comic Sans MS, Georgia, Time New Roman, 新細明體, 細明體, 標楷體, ...這一類的字型，數十多種。
至於generic-family汎用字集，則是指serif(襯線字), sans-serif(無襯線字),cursive(捲曲字體),fantasy(花俏字體),monospace(等寬字體)這五種！！

所以我們要設定中文字體的特性時，最好就是將中文字體設定在最前面[最優先]，然後再加上其他的字型定義，另外還有要注意的是，中文字型的定義有兩種表示方式，一種是中文，一種是英文，標準一點或是說保險一點是要兩種都設定。例如↓
family-name："微軟正黑體", "Microsoft JhengHei", "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;

在上面的範例中↓
微軟正黑體=Microsoft JhengHei
新細明體 =PMingLiU
細明體=MingLiU
標楷體=DFKai-sb
只是中英文的名稱不同，因為有些系統認得MingLiU，但是不認識"細明體"，所以這樣的設定就可以確保字型儘可能是自己所希望的樣式。



參考
http://blog.xuite.net/jeanson61/xuite/28415261-%5BCSS%E6%A8%A3%E5%BC%8F%E8%AA%9E%E6%B3%95%5D%E5%AD%97%E9%AB%94%E7%9A%84%E8%A8%AD%E5%AE%9A%5B%E7%89%B9%E5%88%A5%E6%98%AF%E4%B8%AD%E6%96%87%E5%AD%97%E5%9E%8B%5D