OpenType-SVG is a font format in which an OpenType font has all or just some of its glyphs represented as SVG (scalable vector graphics) artwork. This allows the display of multiple colors and gradients in a single glyph. Because of these features, we also refer to OpenType-SVG fonts as “color fonts”.

Adobe’s new color fonts use an innovative font technology that allows built-in SVG... Trajan Color Concept is part of the Adobe Type Concepts program for early releases of new typefaces.

It was designed as an internship project by Sérgio Martins, colorizing Carol Twombly’s Trajan typeface. The font contains 19 different color variations, plus two black and white options, accessible via OpenType stylistic sets.

Photoshop CC 2017 supports OpenType-SVG fonts and comes with two of such fonts: Trajan Color and EmojiOne. Trajan Color is also available for web use and desktop syncing with Typekit. 

OpenType-SVG fonts: Multiple colors and gradients

OpenType-SVG fonts: Multiple colors and gradients

 

To use OpenType-SVG fonts follow these steps:

  • Create either a paragraph or point-text type layer.
  • Set the font to an OpenType-SVG font. These fonts are marked within the font list.
  • Type using the keyboard or select specific glyphs using the Glyphs Panel. To view the Glyphs Panel, select Window > Glyphs.

While you can simply type letters using OpenType-SVG fonts, the full range of glyph alternates is available only through the Glyphs Panel. Trajan Color Concept, for instance, includes 20 different stylistic sets for each character, such as Silver, Copper, Steel Blue, and Marble, which require the Glyphs panel for access.

If you convert a text layer to an editable shape (by selecting Type > Convert to Shape), characters from OpenType-SVG fonts will revert to their black-and-white fallback style.

Trajan Color’s fallback style

Trajan Color’s fallback style