颓废高质量的值得推荐的谷歌字体分享

2016-02-16 19:22 8 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享颓废高质量的值得推荐的谷歌字体分享吧。

【 tulaoshi.com - 平面设计 】

大家都知道Google fonts里面有不下600个免费可商用的英文字体可以使用,这么多选择,用哪个好呢?今天@justfont 从专业角度推荐几款不同风格的谷歌衬线字体,帮你满足甲方「网页好看又不用字体版权费」的要求。

假设你是一个初出茅庐的网页设计师。假设这个案子是做一个英文网站。

再假设你了解精美的字体与排版是美丽的网页的基础。

但你资历不够无法挑客户,你需要累积堪称惊艳的作品。而且你的业主非常抠门。不觉得字体是值得投资的,但同时又希望网页精美。扪心自问后,你深知你需要这次机会。

他告诉你「我没钱给你搞什么字体的玩意。」你失望之余他又很机歪的说「但我希望网页好看到我的客户会想用舌头舔一舔屏幕。」「手机、平板跟屏幕都要一样 juicy。」

颓废高质量的值得推荐的谷歌字体分享,PS教程,图老师教程网

「怎样?你要做吗?」

「当然要做啊」你老神在在的回答。那是因为你知道有 google web font 这个东西,免费的,又有 600 多套字体,总该可以挑到几个很假掰而且又免费的字体。

但问题是字体太多不知道要怎么选。尤其是那上面常常有一些奇奇怪怪的字体。所以要怎么办呢?在这篇中,我们先介绍几个带有衬线的字体供您参考。

衬线体

颓废高质量的值得推荐的谷歌字体分享,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

△ 字型学 101:什么是衬线?

决定网页质感的是内文。你想试试高级、典雅,高贵不贵的样子,却又要带有诱人的距离感。用 serif 这种具有衬线的字体,很容易就能达到这种效果。

但 serif 有好多种,Times New Roman 就是。回溯你的母语经验,你看过很多图样美丽的网站结果用的是新细明体。你深知使用 Times New Roman, Georgia 对很多西方客户而言,跟新细明体感觉是一样的,你不想重蹈这个覆辙。

颓废高质量的值得推荐的谷歌字体分享,PS教程,图老师教程网

当然,还是建议你到 google fonts 上慢慢翻,不过在这里我们想推荐一些我们觉得不错的:

4+1 个我们觉得还不赖的衬线体

复古、拙态、墨韵感:EB Garamond

EB Garamond 是一个开放的 Garamond 字体计划。Garamond 是一个旧风格(old style)字体,从十六世纪的法国同名字体 Garamond 复刻,这个时期的字体普遍 x-height 较小,连带让字体感觉起来小。其实有很多大厂都做过 Garamond。苹果计算机里有系统字的Garamond 以及 Adobe 所制作的 Adobe Garamond Pro。

颓废高质量的值得推荐的谷歌字体分享,PS教程,图老师教程网

△ 一样都是 garamond,但细节不一样。

比较起上述两者,EB garamond 的形状比较有墨韵感,不会像系统字的 garamond 粗细对比过大,但是若论线条精细程度的话,也不及 Adobe Garamond Pro。不过看在免费的份上,已经很好用了。其实 justfont blog 标题遇到英文字也是搭配 EB garamond。一般而言,这种字体相当适合与感觉较为传统的中文字体搭配。

颓废高质量的值得推荐的谷歌字体分享,PS教程,图老师教程网

更复古的,更文学的:Alegreya

颓废高质量的值得推荐的谷歌字体分享,PS教程,图老师教程网

△ 富有书法气息的 Alegreya

Alegreya 目前已经小有成就:曾在国际文字设计协会(Atypi) 的字体设计比赛 Letter2 中拿下奖项,被认为是近十年来最重要的 53 个字体之一。它是个专门为长文阅读打造的字体。除了造型令人回想起文艺复兴时期的诗人手书以外,这个字体造型上的动感与韵律让长时间阅读变得比较有味道。虽然是根据古典的造型打造,但应用到现代的排版环境上,也不特别觉得突兀。而且 Alegreya 目前已经是一个家族,除了本身的粗体、意大利体以外,还有 small cap 版本,以及根据相同骨架设计的人文主义感无衬线字体,这我们留待下一篇介绍。

颓废高质量的值得推荐的谷歌字体分享,PS教程,图老师教程网

想用 Baskerville 怎么办:Libre Baskerville

很遗憾的,Baskerville 不是 web safe fonts。但如果你也是过渡时期字体的代表,字体史上承先启后的 Baskerville 的粉丝,不用它会很难过的话,那一定要介绍你 Libre Baskerville。Libre Baskerville 可以说是 Baskerville 的电子屏幕进化版,专门针对 16px 左右大小的内文字打造。他就像端庄优雅、理性感性兼具的英国绅士,只是刚发明时,被当时的美国人批评:这字体根本想把人闪瞎(因为细的地方太细),但即便如此,它还是美国政府成立之初的官方字体。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

但如上图所示,Liber Baskerville 已经将原本略显极端的粗细对比缩小了;而且把字里面的空间(例如 e, c 里面半封闭的区域)放大,如此一来更适合大多数的屏幕阅读了。但这样将粗细对比拉近是不是就丢失 Baskerville 的原味呢?这便是见仁见智的问题。不过就 Baskerville 最有特色的 g 而言,优雅的尾巴仍然存在。

颓废高质量的值得推荐的谷歌字体分享,PS教程,图老师教程网

Lora

如果想要新潮一点的风格,lora 是好选择,这个字体在 google fonts 使用频率排名也在前 20 名内。比较大的 X-height 也让它视觉上比 garamond 系列大上许多,虽然如此,粗细对比偏高的状况可能不适合视网膜屏幕显示,会变得过细。(不这么认为的朋友,可以留言告诉大家您的想法)另外,比起 EB garamond,有粗体与意大利斜体可以选择,让排版比较容易。

颓废高质量的值得推荐的谷歌字体分享,PS教程,图老师教程网

时尚杂志标题感:Rufina

如果想要时尚杂志那样的感觉,你需要 Didone 家族这样的现代风格(modern style)字体。这种字体最大的特色就是非常典雅,有高贵迷人的巴黎、米兰气,但是却不太好读。所以一般还是用作标题使用较佳。

颓废高质量的值得推荐的谷歌字体分享,PS教程,图老师教程网

Google fonts 目前字体数量不下六百,要一个一个分析介绍实在太累了,先挑这些质感好,又实用的字体跟大家介绍介绍。下集预告:Sans-Serif 无衬线篇,之后还会讨论装饰字体篇。

来源:http://www.tulaoshi.com/n/20160216/1572129.html

延伸阅读
让准妈妈轻松入眠的建议 受到睡眠困扰了吗? 孕早期睡眠很好的孕妇,到了孕晚期因为腹部逐渐隆起,睡眠时难以找到一个合适的姿势,常出现睡眠困难等问题。除此之外,孕妇的肾脏负担增加,比孕前多过滤30%~50%的血液,尿液多了起来。随着 胎儿 的生长,孕妇的 子宫 变大,对膀胱的压力也会增大,使得孕妇...
Illustrator Watercolor Brushes Illustrator Paint Brushes Watercolor Illustrator Brushes Paint Brush Style Illustrator Brushes Multi-Colored Paint Brushes Watercolor Blob Brushes Scribbled Dry Erase Marker Brushes Vector Marker Brushes Marker Brush Set Ink Brushes Scatter Brushes...
标签: 孕前
16个信号,测测你是否怀孕了 图片来源于太平洋亲子网相册 怀孕信号1:停经 或许,最明显的怀孕信号就是:停经。这个症状导致了妇女留意到了更多怀孕的症状。 有些妇女与平时相比,可能只经历一些表现更弱的症状。她们可能在发现停经之前,没有发现以下所说的任何一种症状。 怀孕信号2:只是感...
如果你正在寻找如何绘制网站效果图的教程,这一篇帖子你一定不能错过。这里我们收集了20个高质量的网页设计在线教程,学习快速而又简便的一些小技巧,绘制细节丰富的效果图。这些教程包含各种类型的站点,移动设备网站,公司站点,个人站点,创意类站点等等。希望会对你有所帮助! 在photoshop中绘制一个Mobile App类的站点 http://www.hv-...
图标是网页中的常见元素,主要功能是表意,也包含装饰及品牌传递的作用。存储为gif、png等位图格式的图标,称为像素图标,大小通常为16px、24px、32px等。当然像素图标也可以理解为像素风格的图标,不一定是位图格式存在,本文中我们按格式去理解。与像素图标相对的是矢量图标,通常以svg格式及字体格式存在,大小可以随意调整。这篇文章主要介...

经验教程

745

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部