在網頁設定中,往往會被忽略的大概就屬 Font-Family 了。這 Font-Family 掌管著你的網頁最後呈現在使用者的瀏覽器上時,其字型究竟是怎樣被決定的。基本上,中文字型內有包含英文字型,還有各大作業系統的內建字型不同,同時還有使用者本地端語言的問題。
說明
1. 英文字型要在前,中文字型要在後
因為中文字型裡頭會包含英文字型。若中文字型在前,那後面的英文字型永遠不會被使用到
2.字型通用度小的要在前面
如果你將標楷體設定放在華康少女體前面,那後者也是永遠不會被使用到的
3.sans-serif 這個通用字型要放在最後
4.同一個中文字體,它的中文和英文名稱都要並陳
你不會知道使用者的電腦上是使用 “Microsoft JhengHei” 還是 “微軟正黑體”
通用設定參考
1 2 3 4 5 6 |
// 英文 → Linux → Mac → WIindows (New)→ Windows (Old) → 通用字型 font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif; // 英文 → 繁體中文 → 簡體中文 // 微軟正黑體是繁體中文和簡體中文都有的字型 font-family: "Helvetica", "Arial","LiHei Pro","微軟正黑體","Microsoft JhengHei","標楷體", DFKai-SB,"宋体",simsun,sans-serif; |