[網頁開發] Google免費中文字型

目前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

發表迴響