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

2,852 阅读5分钟

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


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


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


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


目前设计师关于字体的使用因为“侵权”变得惶惶不安,其实远不必忧心忡忡,免费的字体很多,免费且好看的字体也很多,说到字体资源,开源免费在线字体库 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网页字体还有很多,没有办法一一展示。以上的例子都是一些具有质感且被很多设计师使用的高频字体,如果你有更好的推荐,欢迎交流哦~