网页使用思源字体 CSS

在知乎上再次看到这门字体的提问,想一想中文字体过得多么艰辛,中文软件过得多么艰辛。字体

思源字体

2014年7月,Adobe与Google宣布推出一款新的开源字体思源黑体, 有七种字体粗细(ExtraLight、Light、Normal、Regular、Medium、Bold 和 Heavy),彻底支持日文、韩文、繁体中文和简体中文,还包括来自 Source Sans字体家族的拉丁文、希腊文和西里尔文字形。google

至于为何是叫这个名字就变得不是很重要,只是让人有预感,很快这些字体将会无处不在。spa

  • Android自带的字体难看
  • Adobe Reader很受欢迎

So,这两家公司会在自家的产品上用上这些字体。.net

下载地址:code

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

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

思源字体 CSS

考虑到我姐给个人建议是首页换一个厚重点的字体,因而就换吧。get

在网上搜了一下,下了一个然而和官方的彷佛是不同的,官方的font-family应该是Source Han Sans CN。因而咱们的CSS代码就出来了string

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,

相关文章
相关标签/搜索