什么是彩色字型?这是一个不断弹出并开始获得认可的术语,尽管在大型设计专案中的使用的很少。

  像 Adobe Typekit 这样的供应商已经开始发布一些支持浏览器的彩色字型,当然也有一些更广泛的用途。有些人甚至称彩色字型为 “网页设计中的下一件大事” 。
  接下来,我们来看看这一趋势,您来决定它是否是一件大事。
  什么是彩色字型?
  1 、彩色字型几乎就像它听上去那样,包含多种颜色,阴影或渐变,纹理或透明度的字型。它不仅仅是给字型新增了颜色,是包含很多细节的特定字型。
  彩色字型可以是字型档案中的向量形状、点阵图影象或是两者结合,这就使得彩色字型比标准字型包更大。常见示例包括表情符号或含有图示的字型。
  彩色字型的大问题是现在没有真正的标准格式。有一个缺陷就是所有的字型档案格式中向量和 SVG 影象可以缩放自如,但点阵图可能会有大小限制。
  实际上有五种格式要处理:
  SBIX(WordPress APPle):在 Mac 和 iOS 系统上的原生点阵图版本
  CBDT(Google):在 Android 系统上的原生点阵图版本
  COLR(Microsoft):在 Windows 8.1+系统上的原生向量图版本
  SVG(W3C):向量和点阵图版本
  OpenType SVG(Adobe/Mozilla):将 SVG 形状放在 OpenType 字型中的向量和点阵图版本
  Mozilla(火狐浏览器的骨干)和 Adobe 已经同意 OpenType SVG 是选格式; 其他人还在不断的改变着决定。
  如果您想了解这些字型的工作原理以及所有档案格式的明确说明,可以检视 Fontself(https://learn.fontself.com/color-fonts-what-when-where-dd8c82e5a561),它有一个很好的入门说明。
  如何使用颜色字型?
  2 、当您次看到彩色字型时,可能会产生的想法:
  哇,太可恶了!
  cool!我知道如何使用它!
  无论您感受如何,一定有非常适合彩色字型的应用程序,但您需要理性地使用它们。(少量使用彩色字型。)
  可以使用彩色字型:
  用一个短词语引人注意的技巧
  用于图示或 logo 的元素
  用于一段长文字的段大字
  用于小型设计中醒目的标题
  将焦点聚集在一个特定的词语上或是一大段文字中的某个词语
  当其余的设计比较简单
  作为排版中您主要的设计元素
  当专案需要一些有趣和不寻常的东西来吸引多用户的注意
  不使用彩色字型
  3 、更多时候我们不使用颜色字型。您一定不想把网站设计成 20 世纪 90 年代那种闪烁的色彩疯狂的风格。
  不要使用彩色字型:
  有图片或在图片上方
  复杂的背景
  很多文字
  有很多其他的设计技巧,如动画; 单色通常足以产生视觉冲击
  有其他新奇或特殊的字型
  不断发展的趋势
  4 、彩色字型开始流行是因为它在排版中起到了重要的作用而获得认可。 Adobe 和 Mozilla 采用的 OpenType SVG 格式可能是帮助这一趋势真正流行的工具,Adobe 近甚至向 Photoshop 中新增了彩色字型(您可能已经注意到字元调色盘中有一些 emojis)。
  这里是关于 Adobe 如何解释的 OpenType SVG:(https://helpx.adobe.com/typekit/using/ot-svg-color-fonts.html)
  “OpenType-SVG 是一种字型格式,OpenType 字型具有作为 SVG(可缩放向量图形)图形的全部或部分的代表符号,这允许在单个字形中显示多种颜色或渐变。由于这些特性,我们经常将 OpenType-SVG 字型称为 “彩色字型” 。
  “OpenType-SVG 字型允许以这些图形的性质显示文字,同时允许被编辑、索引或搜索。它们包含 OpenType 的功能,允许字形替换或替代字形样式。
  “彩色字型的出现和 Trajan Color Concept 和 Emoji One Color 一样,就像您程序字型选单中的特有字型。但是,由于许多程序尚未完全支持颜色组件,因此无法显示其全部可能性。如果您的软件程序不支持字型中的 SVG 图形,则字形将恢复为纯黑色样式。颜色仍然可以应用于这种后备样式,因为它如同典型的 OpenType 字型一样。 “
  此外,The State of Web Type(http://stateofwebtype.com/#Color%20fonts)有一个部分专门用于更新浏览器来支持彩色字型,因此您可以确定何时适合使用。
  在彩色字型的演变和使用方面,两件事将发挥主要作用:
  Web 设计专案的选择以及浏览器的相容性(由于相容性问题,实际上彩色字型设计更多的出现在列印中)。
  现有的风格技术是否可以与华丽多彩的设计技术统一。
  尝试颜色字型
  5 、如果彩色字型是您想要的设计,您可以下载来使用或自己建立,具体取决于设计专案的型别。
  自己建立
  您的软件技能将决定您建立彩色字型的型别。您可以自己完成或使用工具来帮助设计您想要的彩色字型。
  Fontself(https://www.fontself.com/)是 ai 和 ps 可以新增的外挂,它能帮助您建立彩色字型
  您可以学习 Glyphs(https://glyphsWordPress APP.com/tutorials/creating-a-layered-color-font)的教程,从头开始绘制设计
  FontLab(https://www.youtube.com/watch?v=Yit1ZpClwAk)有视讯教程,逐步的讲解整个过程。
  下载或嵌入
  这里有一些可以帮助您建立彩色字型:
  用傲慢的型别(https://www.typewithpride.com/)
  沙滩巾(https://creativemarket.com/anugrahadesign/1512983-Beach-Towel-Color-Font)
  笨猪跳(https://djr.com/bungee/)
  水彩字型(https://creativemarket.com/undrey/1240261-Watercolor-font)
  Bixa 颜色(https://bixacolor.com/)
  儿童玩具(https://creativemarket.com/popskraft/1409713-Colorful-typefaces-child-typography)
  一线大胆(https://creativemarket.com/kaer_cm/1219084-OneLine-Bold-color-font)
  领袖(http://www.novotypo.nl/fonts/guru.html)
  氖(https://creativemarket.com/inkdrop/1274409-Neon-OTF-colour-font)