'字体' 标签

关于字体排版 leading 与 line-height

leading 指的是两行文本的基线之间的距离,也就是现代排版软件中所说的行距。

Leading

英文字体中基线(baseline)和中线(meanline)这个概念,基线之上的部分是上伸区域(ascent),基线之下的部分是下伸区域(descent)。而且大写字母都位于基线以上,顶部稍低于小写字母上伸部分的顶线。

CSS 中的 line-height 则是指对应于印刷行业中填充在两行文字之间的铅条,其中一半 leading 加到文字上方,另一半 leading 加到文字下方。而排版软件一般把 leading 加到文字上方。

一直没有进步的Web中文字体

不知道大家有没有觉得,在网络中应用的中文字体似乎已有N年长了,也没有迎来什么新变化,更谈不上有什么创新。特别是在网页设计中,中文字体能用的也是少得可怜,要么微软雅黑要么只能是宋体。

Web中文字体需要革新的事情早已经没有人去在意了,特别是那些有能力的大网络公司都只顾去赚钱了(曾经那些什么要给互联网带来革新的醒目言论早已经沦没在公司市值,股票,股东,分红的美好声音中吧),剩下的造字工厂们可能有心无力了,可能字体设计也不怎么赚钱,生活还得继续啊!

在我看来,现在的网页设计中能用的中文字体真的没有一款我是觉得满意的,其实网页设计的字体应用技术也是一直没有进步啊。一般情况下如果访客所用的电脑没有网站上所用的字体话,那么网站就会使用该电脑系统中其它存在的字体,这样一来网页精心设计的字体就白白浪费了,用户也没法看到我们精心所设计的实际页面效果。对于网页结定使用何种字体这是在页面设计时已经定好的,字体是整个页面的灵魂,它是最底层的审美。我站在你面前你却看不到啊。

虽然CSS的@font-face 可以解决上面这个问题了,但是现在看来这也还没有推动着网页字体应用的进步。因为@font-face也并不怎么好用,用起来还是不简便吧。

此外,谷歌的在线字体库是个靠谱的项目,但是你知道的,China已经把谷歌所有的服务都给封了,这逼着大家必须100%地放弃使用它。否则,带来的结果就是网站加载速度超慢,作为站长的满是泪痕啊。帝国的这一举动还影响了我们访问国外网站的速度,国外的站点现在基本都在用谷歌的字体服务…..所以Fxxk。

Mozilla的X-LocaleSpecific字体

突然发现www.mozilla.org/zh-CN 页面里的中文字体非常漂亮,从未见过的。这引起了我的极大兴趣。对于现在所有中文网页中,没有一种我觉得是非常棒的,当然,Apple的MyriadPro算是最好的了。www.mozilla.org/zh-CN上这套中文字体视乎带来了希望。

查看代码发现是
font-family: 'Open Sans Light',X-LocaleSpecific-Light,'Open Sans',X-LocaleSpecific,sans-serif;

X-LocaleSpecific 才是亮点。于是,网上大翻了一篇,找不到什么鸟信息啊。这到底是啥字体啊??

因为X-LocaleSpecific 找到了Mozilla的Bedrock这个项目。没有任何关于Bedrock这个项目中文信息,英文信息也很少,信息量太少啦。本以为可以在Bedrock里找到点和X-LocaleSpecific有关的东西,暂时还没戏。

Adobe联手Google打造的Source Han Sans字体下载

Adobe与Google这次联手打造了适用于中文,日文,韩文,拉丁文,希腊文和西里尔字母的开源免费字体(Open Source) – Source Han Sans,而谷歌的命名则是Noto Sans CJK。

Source Han Sans 字体

如果Adobe与Google再联手IEKA来开发一款中文字体就好了。宜家自己设计的那套字体还真的超级漂亮。

Source Han Sans 字体下载地址:
Google Links :Noto Sans CJK
Adobe Links:Source Han Sans Simplified Chinese (通过Creative Cloud同步应用的,你必须安装它才行)
SourceForge Links:Source Han Sans
GitHub Links:Source Han Sans