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

網站建置 網站改版 客製化網頁設計

Google 和 Adobe 2014 年 7 月 16 日共同發表了開源的(免費的)思源黑體字型,可支援網頁使用的繁體中文字體、簡體中文字體、日文字體和韓文字體,在當年引起一陣騷動,受到大家的熱烈歡迎….後來在 Google Fonts 網站又再推出 5 款中文網路字型,直接給我們可以直接使用在我們的網頁上,在 CSS 中連結就可以使用。

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

FLY-01-5 CSS 語法 - 網頁設計 Free Resource 好康報報

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

1. cwTeXKai (Chinese Traditional) 楷體字體

2. cwTeXYen (Chinese Traditional) 圓體字體

3. cwTeXFangSong (Chinese Traditional) 仿宋體字體

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

5. cwTeXMing (Chinese Traditional) 明體字體

Google fonts:Noto Sans TC (Chinese Traditional) 黑體(思源黑體)

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

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

CSS 寫法如下:

FLY-12-4 CSS 語法 - 網頁設計 Free Resource 好康報報

基本上還是以 Noto Sans TC (Chinese Traditional) 黑體(思源黑體)開發的比較早,又是和 Adobe 公司一起開發的,所以思源黑體可以設定的 font-weight 字體粗細的變化比較多樣化,從最細到最粗,大家都可以試試看他呈現出不同的風格。

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

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

網動廣告科技

參考資料:http://www.flycan.com/article/css/google-fonts-webfont-2474.html

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