前端字体样式(Google 做了款新的免费字体,想让你久读都不累)

前端字体样式(Google 做了款新的免费字体,想让你久读都不累)
Google 做了款新的免费字体,想让你久读都不累

手机上看字,眼睛越来越累,Google出了个新字体,能解决吗?

最近发现Google推了个叫Roboto Serif的新字体。这名字听着挺专业,其实就是我们平时在手机、电脑上看到的文字样式。他们说这个字体是专门为了让人长时间看不累眼睛设计的。我自己每天刷手机起码五六个小时,新闻、文章、小说全靠屏幕,看完确实经常眼干脑胀。之前一直用的都是那种直来直去的无衬线字体,像默认的宋体、黑体,看着清楚但久了发闷。这次突然来了个带小脚的“衬线体”,我还真有点好奇。

以前都说屏幕上看字,得用简洁的字体。衬线字体那些小勾小撇,小屏幕上会糊成一团。可Google这次反着来,直接上了Roboto Serif。它不是老式的那种花里胡哨的衬线,而是笔画结尾只加了一点点小横线,很克制。我试着在网页上看了一篇长文章,发现视线顺着这些小衬线走,真的没那么容易跳行。读一段话下来,好像没那么容易分神了。

这个字体最厉害的地方是它能“变形”。一个文件,就能调粗细、调宽窄,还能根据文字大小自动优化清晰度。比如在手机上显示小字时,它会把笔画调清楚一点,防止糊;放大当标题用的时候,又能显出细节。我用他们的在线工具试了试,滑动调节,字真的像活的一样慢慢变瘦或变宽,还挺神奇。以前换不同粗细得下好几个字体文件,现在一个就够了,省地方还快。

它是免费的,随便用,还能改。授权是那种开源协议,商用也没问题。GitHub上代码和设计都公开了,谁都能提意见或者参与修改。这风格很Google,一直都在推免费字体,像原来的Roboto、Noto都是这样。现在加上这个新成员,整个字体家族更完整了。而且它跟原来的Roboto长得有点像,放在一起不突兀,做设计的时候搭着用挺方便。

我特意找了几个用这个字体的网页试读。一篇三千字的报道,一篇小说章节,还有一篇学习资料。读下来的感觉是,它不像普通黑体那么“冷”,也不像某些文艺字体那么“飘”。文字存在感很低,不会抢内容的风头。设计师说想让字体“往后退”,我觉得做到了。你看字的时候,注意力确实在内容上,而不是被字体本身干扰。

很多人可能觉得,不就是换个字体吗,有啥大不了。但其实日常用的东西,细节才最影响体验。就像椅子,看起来差不多,坐久了才知道哪个舒服。字体也一样。以前大家将就用,是因为选择少。现在技术上能做到更精细的控制,为什么不试试更好的?特别是现在人看屏幕的时间这么长,眼睛本来就累,字体要是再不舒服,那真是雪上加霜。

这字体支持各种设备。我在手机上看、平板上看、电脑上看,效果都还行。窄屏用紧凑版,宽屏用标准版,排版灵活。印刷也能用,不用额外换一套。对做网站或者App的人来说,一套字体打通所有平台,省事多了。我不懂设计,但听做前端的朋友说,这种可变字体现在越来越实用,加载快,适配强,以后可能会成标配。

官方还出了个使用指南,讲怎么搭配粗细、宽度,用在什么场景合适。比如正文用Regular,标题用Bold,窄屏用Condensed。还做了个网页工具,可以直接拖滑块看效果。对普通人来说门槛不高,哪怕不会设计,也能大概明白怎么用。

网上有些人还在争论衬线体适不适合屏幕阅读。但我觉得争论没意义,实测才重要。我自己读了半小时,没以前那么容易眼酸。这说明至少对我有用。每个人眼睛不一样,习惯也不一样,有人喜欢清冷的无衬线,也有人喜欢温和的衬线。多一种选择,总是好事。

前端字体样式(Google 做了款新的免费字体,想让你久读都不累)

现在这字体已经在Google Fonts上能下了,搜“Roboto Serif”就行。很多网站已经开始用了。我自己订阅的几个读书App还没更新,但估计过段时间就会跟上。这种东西不需要宣传多猛,只要好用,自然有人用。

字变了,但内容没变。它只是让看字这件事,稍微轻松了一点。

文章版权声明:除非注明,否则均为边学边练网络文章,版权归原作者所有

相关阅读