最近Google終於推出Google Fonts網頁專用的雲端字型，不但沒有任何流量的限制，同時也無需註冊與綁定網域，就能任意的將Google的思源黑體套字至網頁中，而除了思源黑體外，還有cwTeXFangSong（仿宋體）、cwTeXHei（黑體）、cwTeXMing（明體）、cwTeXYen（圓體）和cwTeXKai（楷體）五種字型可選擇，身為網頁設計的我自然也要來踹看看…

用法很簡單，只要吧 @import引進css樣式表中，在加上指定的 <style>font-family: ;</style>就可使用相對的字型樣式。

此外，以字型 notosanssc 為例： @import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css); 用 @import引進css樣式表中，但如果是直接將 URL 內的網址用瀏覽器打開的話會看到如下，將 @font-face 內的檔案戴到暫存區。

本站使用 Noto Sans TC 字體，整體文字看起來細緻不少
font-weight 的部份分為：100、300、400、500、600、800

以下是幾個比較用的到與新字型的測試

http://jsbin.com/jilete/embed?html,css,output

Noto Sans SC

http://jsbin.com/nuteca/embed?html,css,output

Noto Sans TC

http://jsbin.com/kuyehe/embed?html,css,output

cwTeXFangSong 仿宋體

http://jsbin.com/bohuke/embed?html,css,output
http://jsbin.com/bohuke/embed?html,css,output

cwTeXHei 黑體

http://jsbin.com/qopoyu/embed?html,css,output

cwTeXMing 明體

http://jsbin.com/naguma/embed?html,css,output
http://jsbin.com/naguma/embed?html,css,output

cwTeXYen 圓體

http://jsbin.com/nawanur/embed?html,css,output

資料源：Google Fonts推出五款網頁用，雲端字型「思源黑、仿宋體、黑體、明體、圓體、楷書」、Google Web Fonts、CSS font-weight 設定字體粗細