通常如果要於網頁上指定字型, 都會建議轉成圖片後再做, 這樣子才能於各種平台都能讀取(Windows, Linux, Mac 等).
沒想到有人這麼認真的做字型於各平台的測試.
先列結論, 可用的字型語法如下(CSS 語法), 最新請詳見原作者網頁:
font-family: Arial, Helvetica, sans-serif;
font-family: 'Arial Black', Gadget, sans-serif;
font-family: 'Bookman Old Style', serif;
font-family: 'Comic Sans MS', cursive;
font-family: Courier, monospace;
font-family: 'Courier New', Courier, monospace;
font-family: Garamond, serif;
font-family: Georgia, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: 'Lucida Console', Monaco, monospace;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-family: 'MS Sans Serif', Geneva, sans-serif;
font-family: 'MS Serif', 'New York', sans-serif;
font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-family: Symbol, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: 'Times New Roman', Times, serif;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-family: Webdings, sans-serif;
font-family: Wingdings, 'Zapf Dingbats', sans-serif;
其它相關網頁
- 上述字型呈現可於此觀看: Web Safe Fonts Preview
- 目前所有英文字型的 Preview: All Fonts Preview
- 8 fonts you probably don’t use in css, but should
您也可以參考這個網站:
http://www.codestyle.org/css/font-family/sampler-CombinedResults.shtml
謝謝, 很實用的網站~ 🙂