跳到主要内容

选择网络字体:15个专家提示

在过去几年中,在网络上使用类型的可能性已经大大扩展。在网络的旧时代,设计师被限制在一些“网络安全”字体,这意味着一切看起来几乎相同,或使用图像来取代类型 - 一个笨重的解决方案,给读者带来问题和技术问题在浏览器中。但是,如今,您可以访问一系列令人惊讶的专业字体,以便在您的网站上使用,从而将印刷设计的美感带入网络。

自2010年左右以来,广泛支持@字体面在所有主流浏览器中,加上新的Web开放字体格式,WOFF,已经引发了技术革命和一些网络字体托管服务的兴起。这些公司允许用户支付订阅,以在其网站上托管大量的网络字体。热门服务包括TypekitFontdeckWebINKFonts.com

蒂姆布朗是类型经理Typekit。以下是他开始使用网络字体的提示。

01.有选择性

Typekit fonts rock out in these digital posters from Voltage Fashion. Left: Hellenic Wide, League Gothic and Bello Caps; right: Vinyl

Typekit字体在这些来自Voltage Fashion的数字海报中崭露头角。左:Hellenic Wide,League Gothic和Bello Caps;右:乙烯基

选择适合您内容的字体(阅读并通过并了解您的字体);适合其上下文(使用文本面进行正文复制,等等);和web-ready(正确许可,并针对介质进行了优化)。

02.先把类型放好

一旦摆脱传统的“网络安全”字体(如Verdana和Georgia),就可以根据您使用的字体进行设计选择。从类型向外构建合成会产生非常不同的结果,将字体交换到现有设计中。 “排版第一”的原则在中探讨本文由类型大师艾略特杰伊股票。

03.慢慢来

网络可能以闪电般的速度移动,但质量排版需要很大的耐心。如果你没有坚持从事精确和勤奋工作的时间,谁会这样做?

04.知道那里有什么

在Typekit,我们做了几件事来帮助指出值得一看的字体。例如,Jason Santa Maria领导了一个名为About Face的专栏,其中我们描述了特定的字体。虽然列表用于查找常用字体的替代方法,但是元数据不能分组Web字体。

05.寻找具体的建议

Part of the Elementar family, created exclusively for electronic displays

Elementar系列的一部分,专为电子显示器而设计

Typekit还建议在其中使用段落或标题的Web字体字体浏览界面。当您找到自己喜欢的字体时,可以将它们标记为收藏夹,或者将它们添加到工具包中并开始在您的网站上工作。

有大约100,000种可用字体,其中99.9%用于高分辨率打印输出。那么,现在对于网页设计师来说呢? Peter Bil'ak,创始人Typotheque添加了五个提示,以帮助您为您的在线需求创建最佳的Web字体设计:

06.注意文件大小

Typotheque字体可以支持多达200种语言,这会导致相当大的文件。单一风格的Fedra Sans可以达到400K。虽然这可能看起来不是很大,但它可以服务数千万次,并且开始有效地优化它。

一种方法是从Web字体版本中删除不必要的字符。大多数Web浏览器无论如何都只能访问这些字符的一小部分。

07.保持浏览器更新

请记住,浏览器在不断变化。例如,最新版本的Firefox现在可以显示高级OpenType替换,例如小型大写字母,连字,花饰和不同的数字。这意味着如果需要,现在可以包含一些通常被剥离的选项。

08.媒体设计

The Lost World’s Fairs site was praised for the personality afforded by its use of web fonts

失落的世界博览会网站因其使用网络字体所提供的个性而受到称赞

考虑哪种网络字体在屏幕上运行最佳。坚固的无衬线字体通常很好用。但是它们也需要具有适合小尺寸阅读的比例,这通常意味着具有更大的x高度并且省略了在屏幕上不能很好地呈现的更精细的细节。

09.探索新脚本

印度有400多种语言。虽然在西方我们有很多拉丁文字体的字体,但我遇到过编写有限或根本没有数字字体的脚本。

我的公司,印度型铸造厂,是最早这样做的国家之一,而且这个国家的设计意识越来越强 - 所以那里的机会将会增长。

10.再次测试,测试和测试

作为使用Web字体的设计人员,请务必在不同平台和不同浏览器上测试其外观。这听起来很明显。但是,当大多数读者使用Windows时,在Mac上设计页面并且会看到与最初设计的方式完全不同的东西,这种情况太常见了。

这10个提示最初发表于计算机艺术收藏:排版。前往下一页获得五个奖励提示...



翻译字数超限