目前Google提供線上免費網頁字型(授權允許商用網站使用,這點非常重要),可以在以下網頁尋找並且觀看效果:
https://fonts.google.com/?subset=chinese-traditional
另外有若干繁體中文字型沒有掛在上面,可以使用以下css語法套用字體:
[code]
/* 思源黑體 */
/* font-family: ‘Noto Sans TC’; */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
/* 圓體 */
/* font-family: ‘cwTeXYen’; */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
/* 仿宋體 */
/* font-family: ‘cwTeXFangSong’; */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
/* 楷體 */
/* font-family: ‘cwTeXKai’; */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);
/* 明體 */
/* font-family: ‘cwTeXMing’; */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);
/* 黑體 */
/* font-family: ‘cwTeXHei’; */
@import url(https://fonts.googleapis.com/earlyaccess/cwtexhei.css);
[/code]
載入字體之後,需要通過css設定font-family屬性,即可讓相應的文字套用中文字體,其他字體屬性設定可參考W3School