[WEB] 中文-網頁安全字體 Web Safe Font(Chinese)

想要高質感網站,需要了解的網頁安全字體 Web Safe Font

中文-網頁安全字體 Web Safe Font(Chinese)

字體,是網頁排版中最重要的元素之一,中文字體由於先天上的諸多限制,開發者都在追求網頁在各種作業系統下都能顯示其最佳字型。所以在設計時會採用「網頁安全字體 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

Web Safe Font — win7 , mac os

為了讓用戶看到設計者想要的字體,必須在電腦上提供適當的字體。從遠古時代的網站打開樣式表(css style sheet),則可能只會找到ArialGeorgiaTimes New RomanTrebuchet 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://blog.ja-anything.com/2016/11/25/css-%E5%B8%B8%E7%94%A8%E4%B8%AD%E6%96%87%E5%AD%97%E5%9E%8B-traditional-chinese-font-family/

https://www.wfublog.com/2014/02/font-family-chinese-cross-platform.html

--

--

精選數位行銷部落格|中文
精選數位行銷部落格|中文

Published in 精選數位行銷部落格|中文

豐富您的內容行銷戰略、營銷建議、品牌內容以及B2C和B2B案例研究。掌握行業的第一消息。

Peter Chang
Peter Chang