網頁中文字型最佳化

網頁中文字型最佳化

網頁字型的部份,雖然GOOGLE有NATO字型可用,但使用雲端字型總覺得會很直接影響頁面載入的效率,最近的專案幾乎都使用系統字型了

在 CSS 中,系統會依據排列次序而呈現,如果在系統中找到編碼,就不會使用後面的字型。因此應把罕見的字型放前,通用字型放後,即:

英文字型 → Linux 字型 → Mac 字型 → Windows 字型 → 通用字型

font-family: Helvetica, Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "黑體-繁", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;

 

其它更進一步的解說,諸如尺寸設定之類的,請參考來源網站:

https://blog.alyssachan.space/web-development/optimize-website-fonts/




 迴響列表

關於我

在這個年代,個人網站的存在是非常難能可貴的。何況還是自己寫的,簡直就是人間的塊寶,世界的遺產。

Read More
艾吉碎碎唸

用wordpress架網站超級沒有成就感...

最新PO文
Go to Blog
Social Accounts