网页够不够美观,排版够不够好看,甲方爸爸会不会满意,用户体验是不是舒适......
作为一名网页设计师,这一定是你的例行每日几问。
以上问题的答案,有一个至关重要的点,那就是字体。
要知道,精美且使用得体的字体和排版几乎决定了整个网页颜值高低。
目前设计师关于字体的使用因为“侵权”变得惶惶不安,其实远不必忧心忡忡,免费的字体很多,免费且好看的字体也很多,说到字体资源,开源免费在线字体库 Google Fonts 绝对是一个大宝藏,今天Mockplus在其近1000多种字体里精选出了20款,提升设计颜值,打造高级感,从这20款字体开始吧~
为了方便大家挑选,我整理了每个字体的配图,包含了四个部分:字体、字体属性、标题展示和文本展示。那么,一起看看吧~
设计师:Impallari Type
Dosis字体圆润美观,属于无衬线型系列。最轻量的风格是Extra Light,仅在尺寸为36pt或更高的屏幕上可用,该字体可广泛用于艺术设计和广告,包括设计,海报,PPT,电影和电视制作。据统计,有860,000多个网站都使用了该字体。和Dosis字体搭配度高的字体包括:Roboto,Open Sans,Lato,Oswald和Raleway。
设计师:Christian Robertson
Roboto是由Google界面设计师Robertson完全基于Google系统而设计的一款字体,该字体设计出来就大受欢迎,它是Android操作系统和Chrome OS的默认字体,也是Google Material Design的首选字体。该字体兼其美观和实用,目前已经有超过24,000,000个网站都在使用该字体。 Roboto的最佳搭配字体包括Open Sans,Lato,Montserrat,Regular,Raleway和Oswald。
设计师:Georg Duffner
EB Garamond具有复古、经典的特质,因而在特定的网页设计中大受欢迎。其实很多大公司都做过Garamond,其中包含苹果和Adobe公司。ED Garamond因为其既有的典雅和传统气息,非常适合和中文一起使用,你也可以将其和以下字体一起使用,比如Roboto,Lobster,Montserrat,Lato,Anton。目前有超过2,200,000个网站在使用EB Garamond字体。
设计师:Indian Type Foundry
Popins是一种几何非衬线字体,它的使用非常广泛,可用于名片设计,新闻媒体,海报,PPT,影视制作,尤其是内容展示。据统计有4,000,000多个网站的内容展示都使用了Poppins。 Popins的搭配字体有Roboto,Raleway,Oswald,Playfair Display和Lato。
设计师:Cyreal
Lora是一款均衡的现代衬线字体,非常适合在电子屏幕上展示,也同样适用于印刷品。该字体适中的对比度使其非常适合展示网站正文内容,比如博客内容等。该字体在谷歌字体中排名前20,实力不容小觑。
设计师:HuertaTipográfica
Alegreya是一种最初用于文学方面的字体。它最大的特点就是传达了一种动态和多变的节奏,便于阅读长篇文章。它被选为53个“十年字体”之一,并且也是前14个文本类型系统之一。目前有超过340,000个网站中使用了该字体,它的配对字体包含Roboto,Lato,Lora,Playfair Display和Montserrat。
设计师:Impallari Type
很受设计师欢迎的Baskerville不是网络安全字体,Libre Baskerville的出现拯救了这一局面。该字体可以说是Baskerville的一个优质替换项。并且该字体针对16px左右的正文文本进行了优化,更加适合在电子屏幕展示。Montserrat,Roboto,Lato,Raleway和Playfair Display都可以与之进行搭配。
设计师:Martin Sommaruga
Rufina是适用于与杂志相关或时尚网站相关的一款完美字体。该字体看起来非常优雅、美观,非常具有吸引力,但是要注意它带来的高对比度,这对阅读其实不是很友好,所以建议将该字体用于标题设计更好。
设计师:ClausEggersSørensen
作为微软的网络核心字体之一,Playfair Display非常适合标题设计。它具有超厚的笔触和紧密的间距。与Playfair Display很配的字体包含Roboto,Lato,Montserrat,Raleway和Oswald。目前已有超过4,500,000个网站中使用了该字体。
设计师:ŁukaszDziedzic
Lato属于无衬线字体系列。它的字母呈半圆,这个形状看起来温暖而舒适,组合在一起又有很好的稳定性并具有一种严肃性。该字体的设计师曾这样评价该字体:“Male and female, serious but friendly. With the feeling of the Summer。”
Deisnger:黄伟
设计师: Cyreal
设计师: Impallari Type
设计师: Zeynep Akay
设计师: Sorkin Type
设计师: Vernon Adams
设计师: Dalton Maag
设计师:Steve Matteson
设计师: ParaType
设计师: Vernon Adams
以上就是全部的字体展示。但是其实优质的Google网页字体还有很多,没有办法一一展示。以上的例子都是一些具有质感且被很多设计师使用的高频字体,如果你有更好的推荐,欢迎交流哦~