網頁使用思源字體 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,


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM