製作網站時, 前端的中文字體真的是很傷腦筋, 又沒有那麼多的選擇, 又需要考慮使用者端是否有對應的字型. Google Font 計畫提供了許多字型可供應用, 也有不少繁體字型可供應用.
先來看看有哪些吧:
https://fonts.google.com/earlyaccess
上面是目前所有新增的 Google Font 的字體(非英文與拉丁文為主的), 我們可以用 Chinese 來查看看有哪些:
楷體 cwtexkai
圓體 cwtexyen
仿宋體 cwtexfangsong
Noto Sans TC notosanstc
明體 cwtexming
黑體 cwtexhei
這6種字體可供應用, 使用方式也很簡單, 直接使用對應的 CSS 即可, 以楷體為例, 可以看到他的 CSS 引入語法如下:
@import url(http://fonts.googleapis.com/earlyaccess/cwtexkai.css);
之後只需要在對應的 class 下 font-family 語法即可, 如下:
font-family: 'cwTeXKai', serif;
為方便一次檢視所有字體, 可以參考範例資料: