“高级感”的设计,从这20款精选Google网页字体开始【免费】

515 篇文章 6 订阅
282 篇文章 6 订阅

网页够不够美观,排版够不够好看,甲方爸爸会不会满意,用户体验是不是舒适......

 

作为一名网页设计师,这一定是你的例行每日几问。

 

以上问题的答案,有一个至关重要的点,那就是字体。

 

要知道,精美且使用得体的字体和排版几乎决定了整个网页颜值高低。

 

目前设计师关于字体的使用因为“侵权”变得惶惶不安,其实远不必忧心忡忡,免费的字体很多,免费且好看的字体也很多,说到字体资源,开源免费在线字体库 Google Fonts 绝对是一个大宝藏,今天摹客在其近1000多种字体里精选出了20款,提升设计颜值,打造高级感,从这20款字体开始吧~

 

为了方便大家挑选,我整理了每个字体的配图,包含了四个部分:字体、字体属性、标题展示和文本展示。那么,一起看看吧~

 

1. Dosis

 

Dosis

设计师:Impallari Type

 

Dosis字体圆润美观,属于无衬线型系列。最轻量的风格是Extra Light,仅在尺寸为36pt或更高的屏幕上可用,该字体可广泛用于艺术设计和广告,包括设计,海报,PPT,电影和电视制作。据统计,有860,000多个网站都使用了该字体。和Dosis字体搭配度高的字体包括:Roboto,Open Sans,Lato,Oswald和Raleway。

 

免费下载

 

2. Roboto

 

Roboto

设计师:Christian Robertson

 

Roboto是由Google界面设计师Robertson完全基于Google系统而设计的一款字体,该字体设计出来就大受欢迎,它是Android操作系统和Chrome OS的默认字体,也是Google Material Design的首选字体。该字体兼其美观和实用,目前已经有超过24,000,000个网站都在使用该字体。 Roboto的最佳搭配字体包括Open Sans,Lato,Montserrat,Regular,Raleway和Oswald。

 

免费下载

 

3. EB Garamond

 

EB Garamond

设计师:Georg Duffner

 

EB Garamond具有复古、经典的特质,因而在特定的网页设计中大受欢迎。其实很多大公司都做过Garamond,其中包含苹果和Adobe公司。ED Garamond因为其既有的典雅和传统气息,非常适合和中文一起使用,你也可以将其和以下字体一起使用,比如Roboto,Lobster,Montserrat,Lato,Anton。目前有超过2,200,000个网站在使用EB Garamond字体。

 

免费下载

 

4. Poppins

 

Poppins

设计师:Indian Type Foundry

 

Popins是一种几何非衬线字体,它的使用非常广泛,可用于名片设计,新闻媒体,海报,PPT,影视制作,尤其是内容展示。据统计有4,000,000多个网站的内容展示都使用了Poppins。 Popins的搭配字体有Roboto,Raleway,Oswald,Playfair Display和Lato。

 

免费下载

 

5. Lora

 

Lora

设计师:Cyreal

 

Lora是一款均衡的现代衬线字体,非常适合在电子屏幕上展示,也同样适用于印刷品。该字体适中的对比度使其非常适合展示网站正文内容,比如博客内容等。该字体在谷歌字体中排名前20,实力不容小觑。

 

免费下载

 

6. Alegreya

 

Alegreya

 

设计师:HuertaTipográfica

 

Alegreya是一种最初用于文学方面的字体。它最大的特点就是传达了一种动态和多变的节奏,便于阅读长篇文章。它被选为53个“十年字体”之一,并且也是前14个文本类型系统之一。目前有超过340,000个网站中使用了该字体,它的配对字体包含Roboto,Lato,Lora,Playfair Display和Montserrat。

 

免费下载

 

7. Libre Baskerville

 

Libre Baskerville

 

设计师:Impallari Type

 

很受设计师欢迎的Baskerville不是网络安全字体,Libre Baskerville的出现拯救了这一局面。该字体可以说是Baskerville的一个优质替换项。并且该字体针对16px左右的正文文本进行了优化,更加适合在电子屏幕展示。Montserrat,Roboto,Lato,Raleway和Playfair Display都可以与之进行搭配。

 

免费下载

 

8. Rufina

 

Rufina

 

设计师:Martin Sommaruga

 

Rufina是适用于与杂志相关或时尚网站相关的一款完美字体。该字体看起来非常优雅、美观,非常具有吸引力,但是要注意它带来的高对比度,这对阅读其实不是很友好,所以建议将该字体用于标题设计更好。

 

免费下载

 

9. Playfair display

 

Playfair display

 

设计师:ClausEggersSørensen

 

作为微软的网络核心字体之一,Playfair Display非常适合标题设计。它具有超厚的笔触和紧密的间距。与Playfair Display很配的字体包含Roboto,Lato,Montserrat,Raleway和Oswald。目前已有超过4,500,000个网站中使用了该字体。

 

免费下载

 

10. Lato

 

Lato

设计师:ŁukaszDziedzic

 

Lato属于无衬线字体系列。它的字母呈半圆,这个形状看起来温暖而舒适,组合在一起又有很好的稳定性并具有一种严肃性。该字体的设计师曾这样评价该字体:“Male and female, serious but friendly. With the feeling of the Summer。”

 

免费下载

 

11. Sans

 

Work-sans

Deisnger:黄伟

 

免费下载

 

12. Rubik

Rubik

 

设计师: Cyreal

 

免费下载

 

13. Libre Franklin

 

Libre Franklin

设计师: Impallari Type

 

免费下载

 

14. Rakkas

 

Rakkas

 

设计师: Zeynep Akay

 

免费下载

 

15. Fjalla One

 

Fjalla One

设计师: Sorkin Type

 

免费下载

 

16. Oswald

 

Oswald

设计师: Vernon Adams

 

免费下载

 

17. Ubuntu

 

Ubuntu

设计师: Dalton Maag

 

免费下载

 

18. Open Sans

Open Sans

 

设计师:Steve Matteson

 

免费下载

 

19. PT Sans

 

PT Sans

设计师: ParaType

 

免费下载

 

20. Rokkitt

 

Rokkitt

设计师: Vernon Adams

 

免费下载

 

以上就是全部的字体展示。但是其实优质的Google网页字体还有很多,没有办法一一展示。以上的例子都是一些具有质感且被很多设计师使用的高频字体,如果你有更好的推荐,欢迎交流哦~

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值