Google Fonts 推出 5 款免費的中文網路字型

Google 和 Adobe 2014 年 7 月 16 日共同發表了開源的(免費的)思源黑體字型,可支援繁體中文、簡體中文、日文和韓文,在當年引起一陣騷動,受到大家的熱烈歡迎….

下載網址一: https://www.google.com/get/noto/#sans-hant

 

下載網址二:https://github.com/adobe-fonts/source-han-sans/tree/release

思源黑體

不久之後 Google Fonts 線上網路字型又再推出 5 款免費的中文網路字型,真是佛心來的!

不過,目前在  Google Fonts 還找不到,因為這 5 個字型目前是被放到 Google Fonts Early Access 的地方。

下載網址:https://fonts.google.com/earlyaccess

簡單的說就是測試區,還未正式發表,雖然如此,我們還是可以正常的使用這些新的中文網路字型

以下我們就為大家介紹如何使用這些 Google 推出的新的中文網路字型


1. cwTeXKai (Chinese Traditional) 楷體

@import url(https://fonts.googleapis.com/earlyaccess/cwtexkai.css);

font-family: ‘cwTeXKai’, serif;

CSS 寫法如下:

 cwTeXKai (Chinese Traditional) 楷體

在 font-weight:300; 字體粗細為 300 時,文字的呈現如下:

 cwTeXKai (Chinese Traditional) 楷體

在 font-weight:800; 字體粗細為 800 時,文字的呈現如下:

 cwTeXKai (Chinese Traditional) 楷體

 


2. cwTeXYen (Chinese Traditional) 圓體

@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

font-family: ‘cwTeXYen’, sans-serif;

CSS 寫法如下:

cwTeXYen (Chinese Traditional) 圓體

在 font-weight:300; 字體粗細為 300 時,文字的呈現如下:

cwTeXYen (Chinese Traditional) 圓體

在 font-weight:800; 字體粗細為 800 時,文字的呈現如下:

cwTeXYen (Chinese Traditional) 圓體

 


3. cwTeXFangSong (Chinese Traditional) 仿宋體

@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);

font-family: ‘cwTeXFangSong’, serif;

CSS 寫法如下:

cwTeXFangSong (Chinese Traditional) 仿宋體

在 font-weight:300; 字體粗細為 300 時,文字的呈現如下:

cwTeXFangSong (Chinese Traditional) 仿宋體

在 font-weight:800; 字體粗細為 800 時,文字的呈現如下:

cwTeXFangSong (Chinese Traditional) 仿宋體

 


4. Noto Sans TC (Chinese Traditional) 黑體(思源黑體)

@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);

font-family: ‘Noto Sans TC’, sans-serif;

CSS 寫法如下:

Noto Sans TC (Chinese Traditional) 黑體(思源黑體)

在 font-weight:100; 字體粗細為 100 時,文字的呈現如下:

Noto Sans TC (Chinese Traditional) 黑體(思源黑體)

在 font-weight:300; 字體粗細為 300 時,文字的呈現如下:

Noto Sans TC (Chinese Traditional) 黑體(思源黑體)

在 font-weight:800; 字體粗細為 800 時,文字的呈現如下:

Noto Sans TC (Chinese Traditional) 黑體(思源黑體)


5. cwTeXMing (Chinese Traditional) 明體

@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);

font-family: ‘cwTeXMing’, serif;

CSS 寫法如下:

cwTeXMing (Chinese Traditional) 明體

在 font-weight:100; 字體粗細為 100 時,文字的呈現如下:

cwTeXMing (Chinese Traditional) 明體

在 font-weight:300; 字體粗細為 300 時,文字的呈現如下(沒什麼差別):

cwTeXMing (Chinese Traditional) 明體

在 font-weight:800; 字體粗細為 800 時,文字的呈現如下:

cwTeXMing (Chinese Traditional) 明體


以上我們為大家呈現了 5 種不同的 Google 中文網路字型,並調整了幾種不同的 font-weight 字體粗細。

我覺得他的圓體、黑體和明體都好好看,比起我們這幾年一直在使用的 微軟正黑體 是不是好看多了呢!

最後還是很感謝 Google 願意提供這麼多免費的開源字體給我們使用,感謝!

 

 

當您對本文有任何問題或指教,歡迎到我們的【飛肯粉絲團】一起交流討論喔!

類似的文章


Fatal error: Call to undefined function similar_posts() in /home/content/69/3950969/html/article/wp-content/themes/flycan_01/single.php on line 118