Web字体:.net前20名

要说现在是网络排版的一个激动人心的时刻是做一些轻描淡写。最近的技术突飞猛进使我们在网络上更接近印刷的必杀技,这是一个非常漫长的时间。

在大多数系统上安装的“网页安全”字体之外使用字体的自由度主要得益于三个主要且几乎同步的技术因素:首先,在浏览器中广泛支持@ font-face;其次,Typekit和Fontdeck等字体传递服务的出现;第三,开发一种新的字体格式 - 简陋的WOFF文件 - 以解决许多代工厂的隐私问题。

但强大的力量带来了巨大的责任。仅仅因为我们可以从庞大的网络字体库中进行选择并不意味着我们必须这样做

但强大的力量带来了巨大的责任。仅仅因为我们可以从庞大的网络字体库中进行选择并不意味着我们必须这样做;有限的调色板可以说是绘画的一部分。不仅如此,但有许多不合标准的字体,并且其中许多是免费的,它们的使用通常很普遍,但不值得。事实上,这是一个更大问题的一部分:误解 - 特别是在网页设计社区中 - 字体不值得付费。

这对有才华的设计师和整个设计界的全球网络都是有害的。与任何形式的设计一样,字体是由工匠在相当长的一段时间内创造出来的,使用他们多年来一直在磨练的才能和经验。专业设计的网络字体的好处 - 各种重量和样式,以形成一个完整的家庭,仔细考虑字距对,国际字符的多语言支持,表达替代字形,以添加字符和多样性类型设置 - 很少发现在一种免费的字体。

出于这个原因,我们几乎完全专注于需要某种购买的20种字体,尽管许多Typekit服务的字体都可以在他们的免费软件包中使用。我们还主要关注字体,这些字体适用于我们经常在网上使用的相对较小的体型,而不是显示更适合非常大的标题的面部。

20 Avenir

分类:无衬线

在这里得到Avenir

设计师:Adrian Frutiger

Avenir的设计基于无处不在的Futura(设计为'Die Schrift fur die Neue Zeit' - '新时代的字体'),但Avenir被设计师Adrian Frutiger描述为更具人性化。尽管它作为一种企业字体很受欢迎,但它是一种全面的几何形状,具有微妙的个性,为严肃的内容增添了友好的微笑。几年后,Akira Kobayashi完成了Avenir Next,它改进了原版并添加了斜体和小帽子。

19 FF卡瓦

分类:无衬线

在这里获取FF Kava

设计师:Yanone

当Kaffeesatz免费发布时,@ font-face的浏览器支持变得越来越流行,它在许多网页设计师中受到欢迎,并使设计师Yanone受到FontShop FSI的关注,后者委托他制作专业版的字体。它不是简单地为字体添加额外的字形,而是从头开始重新绘制,保留了它的大部分特性,但包括黑色重量,小型大写和国际语言支持等功能。结果是FF Kava。

18次新罗马

系统字体

分类:衬线

设计师:Victor Lardent,Stanley Morison

奇怪的是,它似乎列出了与Word文档世界相关联的系统字体以及无法改变默认值的西装,Times New Roman在给出一点TLC时是一种令人惊讶的强大字体。该2008种子会议网站通过赋予它显示面部的感觉,特别好地利用了时代。西蒙科里森一位以欣赏泰晤士报在其个人网站上的灵活性和使用性而闻名的设计师说,“拿一个疲惫不堪的旧字体并试图从中挤出一切可能的盎司实际上感觉非常好”。

17 Bree

Typekit,Fontdeck

在这里得到Bree

分类:无衬线

设计师:Jose Scaglione,Veronika Burian

充满个性和无拘无束的休闲,Bree似乎只适合标题而不是身体类型,特别是因为它诞生于TypeTogether的标志。然而,仔细观察就会发现,虽然标题肯定是它的强项,但Bree在较小的尺寸上表现出色。它也是Jose Scaglione和Veronika Burian的集体大脑中出现的众多美丽字体之一,两位类型设计师在阅读雷丁大学完成字体设计硕士课程时遇到了这一课程,该课程被广泛认为是其中之一。世界上最有抱负的设计师。

16 FF Trixie

分类:打字机

在这里获取FF Trixie

设计师:Erik Van Blokland

Trixie是第一款真正的打字机字体之一,如果你想要用于苦恼的标题,它是一个很好的选择。当文本需要保持完全清晰时,模拟墨水被打字机错误打印的美学并不是一件容易的事,但Trixie在这两方面都取得了成功。

15 Centro Sans Pro

Fontdeck

在这里获得Centro Sans

分类:衬线

设计师:Panos Vassiliou

许多超级家庭或“类型系统”使设计师能够将衬线和无衬线混合以实现同步一致性和对比度,而Centro就是这样一个超级家族。它被描述为一种“隐形”字体,其唯一最大的特征是其令人印象深刻的易读性。 Sans坚固而坚固,具有很大的x高度,非常简单,它在屏幕上看起来非常棒。

14. Fedra Sans

Typotheque

在这里得到Fredra Sans

分类:无衬线

设计师:Peter Bil'ak

作为Typotheque字体库的核心,Fedra是一个超级家族,其设计在屏幕上和印刷品一样工作,实际上是德国保险公司Bayerische Ruck的公司字体。当客户第一次获得并取消该项目时,设计面临灾难,然后当Typotheque的办公设备被盗时再次摇摇欲坠。但是,由于设计师Peter Bil'ak被迫回去重新检查字体,最终的设计对于挫折来说更好,最终的结果是一组极其通用的字体。

13 Museo Slab

Web fonts: Museo Slab

Typekit,Fontdeck,Font Squirrel

在这里获取Museo Slab

分类:板坯衬线

设计师:Jos Buivenga

Museo的原始版本在网页设计师中非常受欢迎,并且是为数不多的半免费网络字体之一(其中几个权重是免费的),以便将其列入此列表。它的新平板变体比标准的Museo稍微有点顽皮,因此提供了一种稍微更权威的音调,以及受欢迎的多样性因素,考虑到原始版本的广泛传播。

12克拉伦登

Web fonts: Clarendon

分类:板坯衬线

克拉伦登在这里

设计师:Robert Besle,Hermann Eidenbenz

这款经典的英国平板衬线是任何“顶级字体”清单上的必备单品。由Hermann Eidenbenz重新绘制以包含多个重量和宽度,Clarendon由Fontdeck提供为网络字体。另外值得注意的是Jonathan Hoefler和Tobias Frere-Jones的Sentinel。他们的基于Clarendon的字体添加了真正的斜体,虽然遗憾的是目前没有网络字体版本,所以任何渴望使用这种字体的网页设计师都必须采用字体替换方法,如sIFR,Cufon,或者 - 我们敢说 - 图像替换。当然不是理想的,也许不是真正的网络字体(还),但是一个太漂亮,太强大,而且太受欢迎而不能完全省略。

11 Proxima Nova

Web fonts: Proxima Nova

Typekit,Fontdeck

在这里获取Proxima Nova

分类:无衬线

设计师:Mark Simonson

Proxima Nova被描述为横跨Futura和Akzidenz-Grotesk等字体之间的差距的设计,它非常通用,系列包括多种重量和宽度,使总字体数达到令人印象深刻的42.由于其几何清晰度和极其清晰度,极其可读人文主义者感觉,它是一种混合体,适用于各种场景。

10 FF单元板

Web fonts: FF Unit Slab

前往FontShop

在这里获取FF Unit Slab

分类:板坯衬线

设计师:Erik Spiekermann,Christian Schwartz,Kris Sowersby

Unit超级家族的平板风格 - 通常被称为Meta的成熟姐妹 - 是包括我在内的许多人的个人喜爱,我选择它作为我的印刷杂志的官方字体8面。它在最重的“超”重量上表现出强大而近乎野蛮的味道,但在其最薄的“薄”重量下可以被看作是看似微妙的 - 字体是一个伟大的多面手,只是过于个性化。 Unit Slab - Espi的变体被用作Edenspiekermann的公司字体。

09 Calluna

Web fonts: Calluna

分类:衬线

在这里得到Calluna

设计师:Jos Buivenga

由于实验设计师Jos Buivenga在早期版本的Museo Slab中表演,Calluna实际上是他的第一个严肃的文字面孔。就像Meta Serif一样,它设法散发出不小的个性,即使在较小的体型尺寸上使用也是如此。像Jos的许多后期字体一样,包含了大量的OpenType功能,并且可以完全免费获得常规重量。

08 Ronnia Condensed

Web fonts: Ronnia Condensed

分类:无衬线

在这里获取Ronnia Condensed

设计师:Jos Scaglione,Veronika Burian

凝聚的面孔通常被用于引人注目的头条新闻,而且我们常常会遇到像Alternate Gothic及其同类产品这样的硬工业面孔。然而,有时需要更柔和的东西,这就是Ronnia的浓缩味道所在。它温柔,俏皮的形式与Bree相得益彰,虽然它更具权威性:带有一些庄严的友好面孔。

07 Droid Sans

Web fonts: Droid Sans

分类:无衬线

在这里获取Droid Sans

设计师:史蒂夫马特森

作为一个真正的现代型超级家庭,Droid由Ascender的类型总监Steve Matteson设计用于移动设备;它的名字源自Android平台。 sans是一种易读,友好的字体,具有直立的压力,开放的形式和中性的外观。为了使大多数类型出现在小屏幕上,字体形式非常轻微。整个系列提供多语言支持,因此非常适合广泛的网站和应用程序。

06 FF Tisa

Web fonts: FF Tisa

分类:衬线

在这里获取FF Tisa

设计师:Mitja Miklavi

虽然最初设计用于杂志,但Tisa在网上很受欢迎,也许是因为 - 就像这里的大多数字体一样 - 它的大x高度使它像屏幕上的机身类型一样清晰易读。以平板衬线作为影响,然后提供更柔软,低对比度的最终产品,字体最初由Miklavi设计,以满足上述阅读中字体设计MA的要求。

05 FF DIN

Web fonts: FF Din

分类:无衬线

在这里获得FF DIN

设计师:Albert-Jan Pool

DIN体现了德国效率的精神(DIN代表'Deutsche Industrie-Norm'或'德国工业标准'),其根源在于标牌 - 从高速公路上的道路标志到房屋号码。它以其严谨的几何风格而闻名,多年来以DIN 1451的形式装饰德国设计:DIN-Mittelschrift和DIN-Engschrift,它的浓缩伴侣。它于1995年由Albert-Jan Pool更新并扩展为五个系列,并且最近获得了更多风格的变体,包括DIN Rounded。

04 Helvetica

Web fonts: Helvetica

分类:无衬线

在这里获取Helvetica

设计师:Max Miedinger,Eduard Hoffmann

在没有提到Helvetica的情况下,几乎不可能讨论排版的主题。由于它似乎是现有的每一位设计师的慷慨使用,字体已经达到了传奇的地位;它的名称和风格为大众所知,也有类型的爱好者,部分原因是由Gary Hustwit拍摄的2007年电影。最初名为Die Neue Haas Grotesk,与Akzidenz-Grotesk竞争,它代表了20世纪50年代的瑞士风格的平面设计,但它在几乎所有设计环境中的广泛出现导致字体变得有些同质化,并且它已被重新设计。 - 以各种(劣等)形式想象,如Arial。尽管如此,它仍然是一个现代经典。

03 Alternate Gothic No 1

Web fonts: Alternate Gothic

分类:无衬线

在这里获得Alternate Gothic

设计师:Morris Fuller Benton

标题的奇妙字体,备用哥特式及其变体仍然是那些需要强硬,几乎无耻的字体的人们非常受欢迎的选择。尽管被压缩,但在相对较小的尺寸下清晰可辨,它是一个大胆而强大的面孔;一段美国工业主义在数字时代表现出色。一个开源的重绘,联盟哥特式,由发布可移动类型联盟从那以后,它在网络上广受欢迎,这在很大程度上要归功于免费下载。

02 FF Meta Serif

Web fonts: FF Meta Serif

分类:衬线

在这里获取FF Meta Serif

设计师:Christian Schwartz,Erik Spiekermann,Kris Sowersby

Erik Spiekermann将他的Meta家族描述为“我对经典中最接近的东西”,而且他是谦虚的,因为Meta真的是经典,特别是它的衬线。它是一种权威的字体,适用于各种场景,并为以前使用Times New Roman的设计师提供了逻辑升级。它适用于Meta的其他风格以及Unit超级系列。支持国际字符和各种数字,分数等字形标记为高级专业字体。更多细节可以在Metaserif.com

01格鲁吉亚

Web fonts: Georgia

系统字体

分类:衬线

设计师:Matthew Carter

什么?杆位置的系统字体?尽管可能很难相信,格鲁吉亚在谈论在网络上运作良好的类型时,一次又一次地成为人们的最爱。也许是因为它是专为屏幕而非打印而设计的;或许这是因为它设法以简单,低调的设计提供永恒的美感;也许这是因为它默认有旧式数字!格鲁吉亚在小尺寸和极其宏观的斜体形式下极其清晰,尽管有新的丰富选择,但仍然证明了它的价值,并提醒我们有时最好的工具就坐在我们面前。

有关类型术语的更多信息,请查看什么是排版?发布在我们的姐妹网站上Creative Bloq



翻译字数超限