網頁使用思源字體 CSS

在知乎上再次看到這門字體的提問，想一想中文字體過得多麼艱辛，中文軟件過得多麼艱辛。

思源字體

2014年7月，Adobe與Google宣佈推出一款新的開源字體思源黑體， 有七種字體粗細（ExtraLight、Light、Normal、Regular、Medium、Bold 和 Heavy），徹底支持日文、韓文、繁體中文和簡體中文，還包括來自 Source Sans字體家族的拉丁文、希臘文和西里爾文字形。

至於爲何是叫這個名字就變得不是很重要，只是讓人有預感，很快這些字體將會無處不在。

• Android自帶的字體難看
• Adobe Reader很受歡迎

So,這兩家公司會在自家的產品上用上這些字體。

下載地址:

Adobe思源: http://sourceforge.net/projects/source-han-sans.adobe/

Google Noto: http://www.google.com/get/noto/

思源字體 CSS

考慮到我姐給個人建議是首頁換一個厚重點的字體，因而就換吧。

在網上搜了一下，下了一個然而和官方的彷佛是不同的，官方的font-family應該是Source Han Sans CN。因而咱們的CSS代碼就出來了

font-family: "Source Han Sans CN" 

將之放在首頁上的字體。

若是是谷歌的Noto的話

font-family: "noto sans" 

簡單的對比一下

原來的字體結果以下所示

<img alt="原文字" src="/static/media/uploads/screen_shot_2014-07-28_at_13.53.51.png" width="600"/> 

新的字體，看詞的正文

<img alt="思源文字" src="/static/media/uploads/screen_shot_2014-07-28_at_13.53.42.png" width="600"/> 

彷佛看起來還不錯的樣子。

其它

惋惜的是沒有Web Font在當前，要不就爽了，中文的Web Font，