问小白 wenxiaobai
资讯
历史
科技
环境与自然
成长
游戏
财经
文学与艺术
美食
健康
家居
文化
情感
汽车
三农
军事
旅行
运动
教育
生活
星座命理

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

创作时间:
作者:
@小白创作中心

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

引用
1
来源
1.
https://www.wanghuiblog.com/how-to-choose-font-family/

在设计英文内容网站时,选择合适的英文字体对于提升用户体验和优化网站跳出率至关重要。本文将从字体分类、组合、情绪等方面,为您详细介绍7个适合长时间阅读的英文字体,并提供具体的使用场景建议。

英文字体的分类

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

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

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

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

英文字体组合

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

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

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

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

识别英文字体情绪

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

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

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

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

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

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

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

1. Playfair Display

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

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

2. Archivo

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

适用范围:体育、航天

3. Roboto

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

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

4. PT Serif

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

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

5. Oswald

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

适用范围:体育、电视

6. Nunito

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

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

7. Merriweather

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

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

总结

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

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

© 2023 北京元石科技有限公司 ◎ 京公网安备 11010802042949号