憑藉「網頁中英文字型 ( font-family ) 跨平台設定最佳化」於 2015 年所撰寫的設定值建議,直到 2025 的現在仍可直接套用。這邊分享一組可同時跨 Windows / Mac 的字體,以避免因字型不同而導致的換行效果。
內容
Arial
Arial 是無論 Mac 還是 Windows,都是會有這個字體用作英文、數字…等來進行使用,不過沒有繁體、簡體中文…等
中文和英文的預設值不同
中文字體會有包含英文和數字,所以中文字體要放置在英文字體後面。同時若中文字體在該字型沒有對應的字體編碼,那會自動往後找。
Font-Family 建議值
font-family 的預設值若是以下:“Arial”, “文泉驛正黑”, “WenQuanYi Zen Hei”, “黑體-繁”, “Heiti TC”, “新細明體”, “PMingLiU”, sans-serif;
繁體中文字型編碼在 Arial 找不到,那就會自動往後找。因此在 Windows 上的中文就會顯示「新細明體」
參考資料
1. 網頁中英文字型(font-family)跨平台設定最佳化
按讚加入粉絲團