什麼是網頁安全字體(Web Safe Font)?

好的網頁字體既能傳達網站的風格,又能與大多數網站相容。使用非網路安全字體時,瀏覽器會用一些亂七八糟的符號來代替使用者的花俏字體,最後就會導致這個網站外觀不佳。

字體一般以家族來分類,比如襯線字體、單色字體等。使用非網路安全字體的最佳方法,應該是選擇在風格和外觀上與你的首選字體最接近的字體,然後將字體加入現有的字體中。

 

網頁安全英文字體

1. 無襯線(Sans Serif)網路安全字體

無襯線文字更適用於網頁,下面是一些無襯線字體的實例:

font-family: Arial, Helvetica, sans-serif;
font-family: ‘Arial Black’, Gadget, sans-serif;
font-family: Impact, Charcoal, sans-serif;
font-family: ‘MS Sans Serif’, Geneva, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;

 

2. 有襯線(Serif Web)網路安全字體

有襯線字體則更適合用於標題,標題的大字體用有襯線字體在螢幕上不會變得模糊,下面是常見的有襯線字體:

font-family: ‘Book Antiqua’, ‘Palatino Linotype’, Palatino, serif;
font-family: Bookman, serif;
font-family: Georgia, serif;
font-family: ‘MS Serif’, ‘New York’, serif;
font-family: ‘Times New Roman’, Times, serif;

 

3. 等寬字體(Monospace Font)

等寬字體通常用於呈現程式碼或其他一些比較獨特的風格,比如:打字機字體這種所有字元都是相同寬度的字體類型,下面是實際例子:

font-family: Courier, monospace;
font-family: ‘Courier New’, Courier, monospace;
font-family: ‘Lucida Console’, Monaco, monospace;

 

4. 草書字體

草書字體可能會出現閱讀難度大的問題,大多數系統中最常見的草書字體是Comic Sans:

font-family: ‘Comic Sans MS’, cursive;

 

5. Fantasy字體

同草書字體一樣,Fantasy字體也很難讀,且更不常見。

font-family: Impact, Charcoal, fantasy;

 

6. Dingbats、Wingdings等符號字體

Dingbats或wingdings是符號字體,用於顯示除字母之外的符號。它們沒有通用的字體類型,因此不同的電腦顯示的效果可能會與預期非常不同。此外,一般就只有IE瀏覽器可以顯示這些符號。ChromeFirefox和其他瀏覽器都只會使用瀏覽器預設字體顯示。

font-family: Symbol;
font-family: Webdings;
font-family: Wingdings, ‘Zapf Dingbats’;

 

網頁安全中文字體

  • 新細明體:PMingLiU
  • 細明體:MingLiU
  • 標楷體:DFKai-SB
  • 黑體:SimHei
  • 宋體:SimSun
  • 新宋體:NSimSun
  • 仿宋:FangSong
  • 楷體:KaiTi
  • 仿宋_GB2312:FangSong_GB2312
  • 楷體_GB2312:KaiTi_GB2312
  • 微軟正黑體:Microsoft JhengHei
  • 微軟雅黑體:Microsoft YaHei
  • 華文細黑:STHeiti Light [STXihei]
  • 華文黑體:STHeiti
  • 華文楷體:STKaiti
  • 華文宋體:STSong
  • 華文仿宋:STFangsong
  • 儷黑 Pro:LiHei Pro Medium
  • 儷宋 Pro:LiSong Pro Light
  • 標楷體:BiauKai
  • 蘋果儷中黑:Apple LiGothic Medium
  • 蘋果儷細宋:Apple LiSung Light