[WEB] 中文-網頁安全字體 Web Safe Font(Chinese)
想要高質感網站,需要了解的網頁安全字體 Web Safe Font
字體,是網頁排版中最重要的元素之一,中文字體由於先天上的諸多限制,開發者都在追求網頁在各種作業系統下都能顯示其最佳字型。所以在設計時會採用「網頁安全字體 web safe font」(也有人稱為generic-family 通用字),因為安全字體是最有可能在跨系統上使用的字體,用戶能看到期望所看到的設計。
在CSS設定字體時,所有中文字型都有對應的英文名字,建議使用英文名字設定會比中文來得更準確。以下資料轉載自 Ja 網頁:
Mac OS
- 華文細黑:STHeiti Light [STXihei]
- 華文黑體:STHeiti
- 華文楷體:STKaiti
- 華文宋體:STSong
- 華文仿宋:STFangsong
- 儷黑 Pro:LiHei Pro Medium
- 儷宋 Pro:LiSong Pro Light
- 標楷體:BiauKai
- 蘋果儷中黑:Apple LiGothic Medium
- 蘋果儷細宋:Apple LiSung Light
Windows:
- 新細明體:PMingLiU
- 細明體:MingLiU
- 標楷體:DFKai-SB
- 黑體:SimHei
- 宋體:SimSun
- 新宋體:NSimSun
- 仿宋:FangSong
- 楷體:KaiTi
- 仿宋_GB2312:FangSong_GB2312
- 楷體_GB2312:KaiTi_GB2312
- 微軟正黑體:Microsoft JhengHei
- 微軟雅黑體:Microsoft YaHei
字型屬性:
- serif(襯線字)
- sans-serif(無襯線字)
- cursive(類手寫字)
- fantasy(裝飾字)
- monospace(等寬字)
網頁安全字體 Web Safe Font
為了讓用戶看到設計者想要的字體,必須在電腦上提供適當的字體。從遠古時代的網站打開樣式表(css style sheet),則可能只會找到Arial,Georgia,Times New Roman,Trebuchet MS 或 Verdana。這些字體是最有可能在電腦上使用的字體,因此它們被認為是“網頁安全字體 web safe font”,因為用戶能看到期望所看到的設計。
網頁字體 Web Font
對應網頁安全字體,其實並沒有危險字體,只有不支援字體
由於字體排版非常重要,設計師應該慶祝現在網頁技術的進步。因為現在我們對字體有很多選擇,針對不同客戶/產品風格而挑選最合適的字體,而不必依賴曾經限於的相同的老土網絡安全字體。
網頁字體(web font)沒有像網頁安全字體(web safe font)那樣預先安裝在用戶系統上。它們的來源來自網絡,因此每個用戶都可以下載并在頁面上看到所需的字體。這些字體在瀏覧網頁時由下載,然後套用到網頁樣式(css style)。
Reference:
— https://blog.user.today/chinese-webfont-note/
— https://www.cnblogs.com/qianduanjingying/p/5362903.html
— https://www.oxxostudio.tw/articles/201811/css-font-family.html
— https://www.wfublog.com/2014/02/font-family-chinese-cross-platform.html