什么是SVG 彩色字体？

svg 彩色字体准备在 2020 年接管平面设计界，但它们到底是什么，你如何使用它们？

在这里，我们将筛选技术术语并了解彩色字体的简单真相。这种毫不掩饰的面对面趋势有望将乐趣带回排版中。网页和平面设计师都必须知道，这项漂亮的新技术将在未来几年对数字和印刷设计产生变革性的影响。所以不要落伍，继续阅读！ 

想学习如何制作彩色字体？查看我们关于如何使用 adobe illustrator 和 fontself 创建彩色字体的教程。 

究竟什么是彩色字体？

如果您想在设计中使用高度详细的类型，您必须使用一个字母或一组字母的矢量或光栅图像。无论是由排版艺术家从头开始创建还是从库存网站下载，这些图像的制作都非常耗时，并且不具备字体文件的功能或灵活性。 

至少到目前为止是这样。彩色字体，有时也称为彩色字体，代表了排版的下一个进化步骤，将颜色、渐变和纹理等细节以矢量或位图格式合并到字体文件中。矢量细节无论缩放多少看起来都清晰锐利，而位图彩色字体在缩放到大于其预期最大尺寸时可能看起来像素化或模糊。 

每种颜色字体都由一个“后备”核心组成，它是标准的 OpenType 矢量字体，加上标记为以 SVG（可缩放矢量图形）格式呈现的附加数据。在字体开发人员中，彩色字体被称为OpenType-SVG 字体。 

如果您在支持彩色字体的浏览器上查看字体，您将能够看到彩色版本。如果没有，您将看到后备版本。在您将网站上的所有字体转换为彩色字体之前，请务必牢记这一点。由于彩色字体相对较新，目前大多数浏览器版本都无法支持该技术。跳到下面的“我如何使用它们”以了解更多信息。 

嗯，那我为什么要使用它们呢？

还记得在学校使用艺术字修饰 PowerPoint 演示文稿的快感吗？虽然你的老师可能不那么高兴，但在文本中添加一个极简主义的繁荣是一件非常有趣的事情。彩色字体基本上就像互联网时代的艺术字，为任何设计增添了额外的魅力。 

这不是极简主义粉丝会全心全意接受的趋势，但经过数十年的干净、瑞士学校风格的设计，它确实令人耳目一新。彩色字体与 Scandi 清洁度相反，而是从表情符号、复古字体样式和应用程序设计中汲取灵感。

彩色字体在品味的好坏之间徘徊不定，但不知何故，它们现在感觉恰到好处。他们的出现伴随着所有复古设计的复兴，以及从时尚到室内设计的所有设计领域的新的极简主义情绪。彩色字体不会把自己太当回事，而且会立即吸引人，这就是它们对希望吸引变化无常、痴迷于技术的千禧一代市场的设计师和营销人员特别有吸引力的原因。

最重要的是，彩色字体很有趣！虽然早期的彩色字体在设计时主要考虑了网站和应用程序，但它们也有可能为印刷设计提供一些年轻和新鲜的东西。你不能不笑就使用彩色字体，这也许是设计师和消费者在政治和社会不确定的时代所渴望的。 

好的，那么我在哪里可以使用它们？

由于彩色字体是一项新技术，许多浏览器、设备和软件程序还没有赶上。您可能无法在某些浏览器上查看彩色字体，而只能查看标准 OpenType 版本。

但是，这种情况可能很快就会改变。OpenType-SVG 字体已被宣布为彩色字体的行业标准，这意味着浏览器和软件可能会迅速更新以方便它们。您目前可以在更新版本的 Firefox（从 26 版起）和 Microsoft Edge（从 Windows 10 上的 38 版起）查看彩色字体。

至于在设计软件上使用彩色字体，Adobe 处于领先地位，设计师可以使用Illustrator (CC 2018)、photoshop (CC 2017) 和InDesign (CC 2018)的最新版本查看和应用彩色字体。

一些字体设计师也在试验彩色字体的动画版本。Gilbert是由Fontself创建的彩虹色字体，可在Adobe After Effects中使用。

这些动画样式代表了更易于访问的动画的令人高兴的新发展——预计很快就会在社交媒体、GIF 和视频中随处可见。

我在哪里可以找到彩色字体？

彩色字体目前很少见，但随着趋势的发展，越来越多的字体一直在发布。Adobe 有一个专用的彩色字体Typekit，其中详细介绍了可用于 Web 和打印的最新彩色字体下载。其最引人注目的发布之一是Emoji One的彩色字体版本，它可以使用 Glyphs 面板将彩色表情符号图形轻松集成到您的设计中。 

一些字体设计师使用专用平台来启动他们的彩色字体创作。Bixa Color是 NovoTypo 和 Roel Nieskens 以复古为灵感的合作作品。 

由 David Jonathan Ross 设计的Bungee有多种颜色和款式，以及水平和垂直版本。

想尝试创建自己的彩色字体吗？Fontself 是彩色字体设计师的首选工具。查看使用 Fontself 创建的Gilbert的专用页面，以获取有关可能性的一些灵感。 

您还可以在我们基于订阅的数字资产库 Envato Elements 上找到高级彩色字体。与您可以在网上找到的免费彩色字体不同，我们的字体始终提供高品质。

我是彩色字体转换器！但是我应该如何使用它们？

如果您被彩色字体错误所困扰，可能会很想扔掉所有旧字体并变得有点疯狂。在您创建类似于糟糕的酸旅行的设计之前，请考虑这些提示和指示，以充分利用这种新的排版趋势。 

与标准字体一样，有些字体明显优于其他字体。仅仅因为您可以使用彩色字体并不意味着您一定应该使用. 请注意彩色字体的限制。如果您对位图字体很感兴趣，建议不要在比字体设计者预期的范围内更大的范围内使用它。因此，例如，位图彩色字体在设置为正确尺寸的印刷传单上可能看起来很棒，但在涉及将内容缩放到桌面上的大尺寸的响应式网页设计中，它可能看起来不那么精致。 

还值得记住的是，彩色字体比它们的 OpenType 亲戚重，因为它们携带的数据量更大。它们并不总是很大（例如，Bixa Color字体在常规字体文件大小之上额外增加了 30kB），但它会影响网站和应用程序的加载时间。无论如何都要放弃使用您的彩色字体，但不要让自由使用影响用户对您的设计的体验。 

如果您想在网页设计中使用彩色字体，您还应该考虑到大多数访问者可能需要很长时间才能按照您的意图查看字体。个人选择更新或切换浏览器可能需要数月或数年，而且大多数人不会意识到与彩色字体查看相关的迫切需要。考虑到这一点，您需要确保您的字体在其“后备”格式中看起来与在颜色中一样好。 

因为彩色字体非常响亮和花哨，它们可以将设计推向令人反感的领域。对于某些设计，尤其是针对年轻市场的应用程序，这可能是一个好处！Adobe 的彩色字体Typekit 页面立即激起了人们对过度网页设计的爱或恨的反应。其他设计师可能更喜欢在布局的其余部分平衡彩色字体和更精简的类型或黑白图像，或者使用彩色字体作为其他简洁设计的唯一焦点。 

如果您仍然不确定如何在设计中使用彩色字体，那么提醒自己设计目的是一个很好的提示。您是否正在寻找一个高度关注趋势的市场，例如精通技术的千禧一代？然后自由使用彩色字体将产生一个引人入胜且年轻的设计。您是否只是想使用彩色字体为您的设计添加一点不同之处？谨慎使用它们会给你一个更专业和更精致的结果。 

在 Envato Elements 上下载无限的 Opentype SVG 彩色字体

如果您有兴趣为您的项目下载高级彩色字体，请前往 Envato Elements。Envato Elements 就像创意无限的自助餐。只需按月订阅费用，您就可以无限制地访问数千种SVG 彩色字体、音效、图形模板、库存照片等。

无限意味着无限。没有上限或限制。使用不断增长的数字资产库供您选择，浏览、下载和试验您心中的内容。

虽然免费的彩色字体很诱人，但它们无法与高级字体相媲美。Envato Elements 上的字体和其他资产经过专业设计。与提供免费彩色字体的网站不同，您永远不必担心 Envato Elements 的质量。

Envato Elements 上的高级彩色字体

Envato Elements 上的彩色字体很有趣，很有创意，给人留下深刻的印象。让我们深入了解在 Envato Elements 上发现的 20 种我最喜欢的SVG 彩色字体：

1.  MonoPixel Awesome  (SVG)

我们从这个令人愉快的单像素设计开始我们的 OpenType SVG 彩色字体列表。Awesome 只是您可以用来描述此字体的众多词语之一。MonoPixel 将像素艺术提升到一个新的、充满活力的水平。

每个字符都有多种颜色，但在不同的背景下仍然很容易阅读。这种 SVG 字体非常适合显示，您也可以将其用于标题和较小的副标题。

2. 糖果色字体 （SVG、OTF、TTF、psd、AI、PNG）

您是否正在寻找看起来像手写的彩色字体？Candy Color SVG 字体提供。每个角色看起来都像一笔带有健康色彩的笔触。此包包括多种字体、画笔和替代字体，因此您可以为您的项目获得所需的创意。

3. 彩色纸彩色字体 （SVG）

在您寻找 OpenType SVG 彩色字体时，Color Paper 是一个极具创意的选择。由于其分层设计，每个角色都有惊人的深度和细节。只需在 Adobe Illustrator CC 2018 或 Adobe Photoshop CC 2017 及更高版本中打开文件，即可开始使用。为海报、标题或展示选择此字体。  

4. 花束花卉和水彩 （SVG、OTF、PSD）

在一年中的任何时候使用花束花卉和水彩与您的观众分享鲜花。由于逼真的花朵般的艺术，所包含的每个角色都拥有丰富的色彩世界。如果您正在制作婚礼请柬或宣传活动，请下载此彩色字体。

5.  Aqua 彩色字体 (SVG)

Aqua Color Font 通过我们列表中的这个独特条目为您带来水。对于海洋、海洋和湖泊的爱好者来说，这是一种有趣且有趣的 SVG 字体。这种水风格的字体包括鱼和无鱼的版本。在 Illustrator CC 2018 和 Photoshop CC 2017 及更高版本中使用 SVG 字体文件。

6.  Futuristico 彩色字体 (SVG)

大胆使用 Futuristico。这种彩色字体融合了几何设计风格和许多鲜艳的色彩。结果？一种视觉上有趣的彩色位图字体，仍然易于阅读。通过这个选择，让您的创意项目在观众眼中流行起来。

7. 蓝天 SVG 字体 (SVG)

Bluesky 既有经典的氛围，也有现代的外观。此字体具有 3D 形式的手写字体。蓝色可以更改，这意味着您可以从 Bluesky 获得您想要的外观和感觉。它的字符集包括字母、数字、多语言字符等，使其变得更加容易。

8.  Newport Tracks - 彩色字体 （SVG、OTF、EPS、AI）

无论您的创意项目想要什么样的外观，您都需要下载可以实现这一目标的最佳彩色字体。Newport Tracks 是一种彩色字体，可以理解这一点并为您提供选择。当您正在努力以正确的方式结束您的项目时，请从三种颜色组中进行选择。

9.  Locus Sans  (SVG)

如果您一直在寻找可以让您自由选择多种颜色的字体，那么您一直在寻找 Locus Sans。这不仅是一种看起来很棒的彩色位图字体，而且还允许您使用它的呈现方式。组合并分层六个包含的权重，以使该字体个性化。

10.  Flow SVG CC2017 和旧版本 （SVG、OTF、PSD）

有许多吸引人的 OpenType SVG 彩色字体，Flow 也不例外。这种彩色字体使您的字体看起来像用油画颜料手绘的字体。纹理和画笔细节看起来非常逼真，而且这种字体兼容多种语言。这是一种有趣的字体，在多种不同颜色的背景上都清晰易读。 

11. 几何学 （SVG、OTF、TTF、EOT、WOFF）

几何彩色字体具有一定的风格，正如您在 Geometricity 中看到的那样。它对不同形状和浅色的运用做得非常好。这些角色很有趣，并且为观众带来了随和的基调。将此彩色位图字体用于商店海报、横幅、邀请函等。 

12.  Morriles - SVG 字体 （SVG、OTF、TTF）

Morriles 是 Envato Elements 上众多手绘彩色字体中的另一种。它以手写的线条立即从人群中脱颖而出。更改颜色以满足您的需要。此字体包还包括 OTF 和 TTF 文件。

13.  Sparose SVG 字体 （SVG、OTF、TTF、PSD）

如果你喜欢 SVG 彩色字体的手写风格，试试 Sparose。这种字体具有柔和、透明和有纹理的线条。当您下载此彩色字体时，您将获得带纹理的 SVG 和画笔字体样式。如果您要制作邀请函、传单或进行促销活动，这是一种很好的彩色字体。

14.  10 种彩色 SVG 字体 1  (SVG)

设计时需要选项吗？十个怎么样？这就是您使用此彩色字体包所获得的。从海滩到比特币，这个包应有尽有。调整颜色并尝试不同的字体，以完成您的创意项目。

15. 丛林鸟 （SVG，OTF，AI，PNG）

这种有趣的彩色位图字体使丛林栩栩如生。五颜六色的块状字符散发出强烈的夏日气息，非常适合在三伏期间在您的网上商店或其他活动上宣传夏季促销。为了完成图像，这个字体包还包括 18 个热带树叶矢量。

16.  RibOne 字体 （SVG、EPS、EOT、OTF、OTT、WOFF、WOFF2）

RibOne 以创意为中心。这种双色字体中的字符具有非常独特的有趣折叠效果。使用默认颜色或自定义它们，并在每个字母中使用彩虹。可能性和组合是无穷无尽的。

17. 巧克力蛋糕颜色字体 （SVG）

巧克力制造商和巧克力爱好者，欢欣鼓舞吧！这种富有创意的双色字体将每个角色变成了自己的巧克力蛋糕，上面覆盖着糖霜。3D 效果完成了逼真的外观。如果您要举办烘焙销售或促销烘焙食品，这是一种理想的字体。

18. 冰河时代彩色字体 (SVG)

当需要冷静下来时，没有什么比冰河时代彩色字体更好的了。这个包包括两种颜色字体可供选择，并且都具有 3D 冰效果。您可以在 Adobe Photoshop 和 Adobe Illustrator 中轻松地在浅色和深色背景上重现冰河世纪的真实感。 

19. 玉米水果循环彩色字体 （SVG）

这种彩色字体的创建者可以将谷物变成有趣的字体，从而获得奖励积分。Fruit Loops 可以以逼真的方式出现在您的项目中。将这种字体应用于标题，您的邀请函或传单肯定会吸引观众的双重关注。

20.  Querins SVG 画笔字体 （SVG、OTF、TTF）

Querins SVG 画笔字体排在我们的榜首。这种字体可让您以简洁的笔触风格呈现给您的人群。在 Adobe Photoshop CC 2017 及更高版本中工作，以使这种 SVG 字体栩栩如生。它非常适合用于传单、杂志、服装等。

结论

彩色字体可能是图形设计中最新的“it”趋势，但至少在可预见的未来，它们似乎会继续存在。它们代表了对传统字体技术的突破，使设计人员和非设计人员都更容易获得更详细的类型，甚至动画文本。

由于彩色字体仍处于起步阶段，可供下载的字体范围有限，这使得它们目前对设计师的使用受到了一些限制。然而，对于崭露头角的字体设计师来说，这是一个激动人心的时刻。如果您正在寻找一种新的字体挑战，那么从头开始创建自己的彩色字体可能在创造性和经济上都有回报。