7个超级好看且适合内容网站阅读的英文字体

我们在做英文 Niche 站的时候,除了要考虑主题是否是响应式之外,还得考虑主题中的英文字体是否也适合阅读。

有一些主题用了非常漂亮的英文字体,但有可能是不适合长时间阅读,这就可能会导致网站跳出率居高不下。所以正文设置一款适合长时间阅读的英文字体,或许就能优化跳出率高这个问题,也许还会带来意想不到的 网站 SEO 效果。

下面结合几个示例来分析一下,英文网站的英文字体该怎么选择。

英文字体的分类

最简单的来说,英文字体共分为两种类型:衬线体(serif)无衬线体(sans-serif)。衬线是指字母笔画之外的装饰用的线条。顾名思义,无衬线体就是不包含衬线的字体。

衬线体和非衬线体的区别

 

衬线体的风格古典、正式,具有历史传统和意义。比如说,我们经常看电影看到的古老的打字机打出来的文字就是衬线体的。衬线体的文字更加的适合阅读。

而非衬线体抛弃了装饰的称线,只剩下字体的主干部分,更加的具有现代感,笔画粗细对比不强,一般会用在标题或者广告上,识别度很高,效果很好。如下图,谷歌 Logo 字体的变化,从非衬线体到衬线体,现代感更强。

谷歌logo字体的变化

非衬线体有一款超级经典的字体——Helvetica,用 Helvetica 作为 logo 用字体的品牌数不胜数。见下图

Helvetica 字体的品牌 Logo

英文字体组合

互联网上的英文网站的字体 99.99% 都是使用的 Google Fonts 来设置网页的字体的。在 Google fonts 上面有将近 1000 中不同的字体可以选择,而且都是免费使用的。所以我们在做英文网站的时候,也同样通过它来设置我们的英文字体。Google 字体的使用方法很简单,这里就不说了。

一个网站的字体类型一般不超过3种(Logo 的字体不算),通常情况下2 种就可以了,正文一种字体,标题一种字体。

可能有人会有疑问,Google Fonts 有1000多种字体,该怎么选呢?推荐 Font Pair 网站,这个网站上面提供了非常多的英文字体组合。挑选一个你觉得好看的字体组合就行了。

下图是这个网站上排名第一位的字体组合:标题字体是 Lora,正文字体是 Merriweather,可以说是一组很适合长时间阅读的字体。

FontPair 字体组合

识别英文字体情绪

其实每一种英文字体的背后都有相对应的字体情绪在里面。比如说有些字体一看到就是能感觉出来非常的正式,也有些字体一看到就能感觉到亲和感。不同的字体还能体现出不同的时代感,有些是很古典的类型,也有一看就很有现代感的。

而上面说到的经典无衬线字体 Helvetica,它是一种很中性的字体,在设计这个字体之初,它的作者就坚持认为简明的字体可以让信息更准确地传达,这比视觉表现、风格更重要。

所以 Helvetica 这个字体既可以用在下面的地铁导视图上,同样也可以用在 AA 这样的时尚品牌上。同样也正是他的中性,可以做出各种风格的 Logo。

Helvetica 用在 AA 时尚品牌上

Helvetica 用在地铁导视图上

但是,千万不要用 Helvetica 字体作为内容站的正文字体,为什么呢?

第一,Helvetica 的最初的设计理念是一致、去个性,字母的整体造型都偏圆,因此作为正文的字体来说会导致缺乏阅读韵律,并且没有针对小字阅读优化。(如果你喜欢中性的字体,想把它作为正文字体的话可以试试 Univers)

其次,中性代表了冷静,客观。同时也抹杀情感,忽略了可能为用户带来的愉悦感。

推荐7个适合英文网站的谷歌英文字体

1. Playfair Display

时尚感的 Playfair Display 英文字体

神级衬线体,高贵、典雅、时尚、奢侈感、历史感等,这些气质都体现的玲离尽致,同样还是开源的。

适用范围:珠宝、化妆品、护肤品、箱包

2. Archivo

运动感的 Archivo 英文字体

稳重带有一点点粗狂,又透出一点点时尚,适合在一些运动场景使用。

适用范围:体育、航天

3. Roboto

科技感的 Roboto 英文字体

Google 官方描述该字体:现在的,但平易近人的,科技感。

适用范围:互联网、科技、教育

4. PT Serif

知性典雅的 PT Serif 英文字体

知性、文艺、复古、典雅,是这款衬线字体的关键字。有人评价这款字体:如同诗一般优美。

适用范围:古典文化、文艺、歌舞等

5. Oswald

运动感的 Oswald 英文字体

粗瘦的字体一般都适用于运动行业或者相关产品的场景中,因为这款字体富含力量和运动感。

适用范围:体育、电视

6. Nunito

亲子类的 Nunito 英文字体

圆润、时尚、温馨的无衬线字体,尤其适合母婴类的产品。

适用范围:亲子、母婴、家居、幼儿、儿童教育

7. Merriweather

浓厚年代感的 Merriweather 英文字体

这款字体能透出十分浓厚的年代感。

适用范围:教育、复古、商业、金融、医药

总结

别人网站做得好,细节方面肯定也是做得很到位。在了解了英文字体的这些知识之后,我们也可以对我们的网站进行优化起来,至少不应该出现运动类网站上使用亲子感的字体。

根据内容站的 Niche,选择一款与之尽可能相一致的英文字体,可以给用户带来更美妙的阅读体验。

Leave a Reply