OpenType-SVG-farveskrifter

OpenType-SVG er et skrifttypeformat, hvor en OpenType-skrifttype har alle eller kun nogle af sine glyffer repræsenteret som SVG-grafik (skalerbar vektorgrafik). Dette gør det muligt at vise flere farver og forløb i en enkelt glyf.På grund af disse funktioner omtaler vi også skrifttyperne OpenType-SVG som "farveskrifttyper".

OpenType-SVG-skrifttyper gør det muligt at vise tekst med disse grafiske kvaliteter, mens den stadig kan redigeres eller søges i. De kan også indeholde OpenType-funktioner, der tillader glyfsubstitution eller alternative glyfstile.

Farveskrifttyper som Trajan Color Concept og EmojiOne Color vises ligesom almindelige skrifttyper i dine programmers skrifttypemenuer — men de viser muligvis ikke deres fulde potentiale, da mange programmer endnu ikke har fuld understøttelse af farvekomponenterne. Hvis dit softwareprogram ikke understøtter SVG-grafikken i skrifttyperne, falder glyfferne tilbage til en sort stil. Farve kan stadig anvendes på denne reservestil, da den fungerer som en almindelig OpenType-skrifttype.

Brug af OpenType-SVG-farveskrifttyper i Photoshop

Photoshop (CC 2017 og nyere versioner) understøtter OpenType-SVG-skrifttyper og leveres med to sådanne skrifttyper: Trajan Color og EmojiOne. Trajan Color er også inkluderet til web- og skrivebordsbrug med dit Creative Cloud-abonnement.

Følg disse trin for at bruge OpenType-SVG-skrifttyper:

• Opret enten et afsnits - eller teksttypelag.
• Indstil skrifttypen til en OpenType-SVG-skrifttype. Disse skrifttyper er markeret i skrifttypen med OpenType-SVG-ikonet:
  

• Skriv med tastaturet, eller vælg bestemte glyffer ved hjælp af panelet Glyffer. Vælg Vindue > Glyffer for at få vist Glyf-panelet.

Selvom du blot kan skrive bogstaver ved hjælp af OpenType-SVG-skrifttyper, er det fulde udvalg af glyfaltemativer kun tilgængeligt via Glyf-panelet. Trajan Color Concept inkluderer for eksempel tyve forskellige stilistiske sæt for hvert tegn, såsom sølv, kobber, stålblå og marmor, som kræver Glyphs-panelet for adgang.

Hvis du konverterer et tekstlag til en redigerbar form (ved at vælge Tekst > Konvertér til form), vil tegn fra OpenType-SVG skrifttyper vende tilbage til deres sort-hvide fallback-stil.

Brug af OpenType-SVG farveskrifttyper i Illustrator

Illustrator understøtter OpenType SVG skrifttyper som Trajan Color og Emoji One Color. Du kan indstille bestemte glyffer ved hjælp af Glyffer-panelet, og du kan også bruge Glyffer-panelet til at oprette sammensatte glyffer og udforske andre tegnvarianter. For mere information om OpenType SVG skrifttyper i Illustrator, se Oversigt over skrifttype-indstillinger.

Trajan Color Concept

Trajan Color Concept er et af vores Adobe Type Concepts: en skrifttype udviklet med en smidig udviklingsproces og et nedskåret tegnsæt, så vi kan få det foran eventyrlyste leverandører hurtigere for feedback, mens vi udvider designet.

Trajan Color Concept giver dig mulighed for at vælge mellem mange (19) forskellige farver og teksturer. Brugen af så meget detaljeret SVG-grafik til at få adgang til forskellige farvekombinationer i de 20 stilistiske sæt øger den samlede filstørrelse. Hvis det lyder, som om dette gør dem udfordrende at bruge, har du ret — hvilket er en af grundene til, at Trajan Color stadig betragtes som en konceptskrifttype.

Standardfarvestilen (Guld) og de første 18 OpenType-stilsæt i Trajan Color Concept udgør alle de flerfarveindstillinger, der er tilgængelige i skrifttypen. Fallback-stilen — set i apps, der endnu ikke understøtter farvefunktionerne i OpenType-SVG — er identisk med stilistisk sæt 20.

EmojiOne Color

Emoji-skrifttyper er eksempler på OpenType-SVG-skrifttyper.Når du bruger emoji-skrifttyper, kan du inkludere en række farverige og grafiske tegn, f.eks. smileys, flag, gadeskilte, dyr, mennesker, mad, seværdigheder osv. i dine dokumenter. OpenType-SVG emoji-skrifttyper, såsom EmojiOne-skrifttypen, giver dig mulighed for at oprette bestemte sammensatte glyffer fra en eller flere andre glyffer. Du kan f.eks. lave landeflag eller ændre hudfarven på visse glyffer, der afbilder mennesker, samt kropsdele såsom hænder og næser.

EmojiOne Color er en open source-farveskrifttype bygget af Adobe fra EmojiOne-kunstværket designet af Denis Denz og produceret af Rick Moby. Skrifttypen indeholder alle emoji i Unicode 9.0 og inkluderer support til ZWJ, hudtone-diversitet og landeflag-emoji.

Tegn i en emoji-skrifttype, såsom EmojiOne, er forskellige fra bogstaverne på dit tastatur. De kan kun indsættes gennem Glyphs-panelet, gennem operativsystemet — Charmap (Windows) og Characters (macOS) — eller ved at kopiere tekst fra en onlineside såsom emojicopy.com.

Noter:

• Du kan også åbne Glyphs-panelet ved at vælge Vindue > Workspace > Grafik og web og derefter klikke på fanen Glyffer.
• Nyligt anvendte emoji vises i den øverste række af Glyphs-panelet.

I Photoshop kan du indsætte en sekvens af EmojiOne-glyffer for at producere andre glyffer. For eksempel kan du oprette flag for lande eller ændre hudfarven på en enkelt person eller kropsdel. (Dette fungerer ikke på emoji af to eller flere personer.)

Opret flag for lande De cirklede bogstaver (A, B, C, D og så videre) i EmojiOne svarer ikke til taster på tastaturet. Når du indsætter disse tegn fra Glyphs-panelet for at udgøre et lands ISO-kode, danner de to tegn landets flag. US bliver f.eks. til det amerikanske flag, GB bliver til det britiske flag, AR bliver til det argentinske flag, og IN bliver til det indiske flag. Den komplette liste over koder er defineret af ISO 3166-1.

Opret tegn varianter Kombiner enkeltpersons standardtegn eller kropsdele med enhver af de fem tilgængelige Fitzpatrick-skala hudtoner (GID'er 356 til 360). Det originale standardtegn erstattes af et, der matcher hudtonen. Sådanne sammensætninger fungerer i øjeblikket ikke med glyffer, der har mere end én person.  

Noter:

• Standard enkeltpersonstegn eller kropsdels-emoji kan kun kombineres med et af hudtonetegnene én gang.
• Glyfsekvenser er en skrifttypefunktion.Ikke alle OpenType-SVG-skrifttyper lader dig kombinere flere tegn til at danne en enkelt glyf.

Brug af OpenType-SVG skrifttyper med CSS

OpenType-SVG skrifttyper indeholder funktioner, der kan aktiveres via CSS ligesom andre OpenType skrifttyper. Se venligst Brug af OpenType-funktioner og Syntaks for OpenType-funktioner i CSS for et overblik over adgang til disse funktioner.

De ekstra farvestile i Trajan Color Concept er for eksempel opsat som OpenType-funktioner kaldet stilistiske sæt, som er nummereret 1 til 20 (ss01, ss02, ss03, osv.). For at anvende en af de 20 stile til tekst sat i Trajan Color kan du bruge font-feature-settings til at anvende et af de stilistiske sæt:

I browsere, der ikke understøtter OpenType-SVG skrifttyper, vises fallback-stilen (identisk med stilistiske sæt 20).

Når du tilføjer OpenType-SVG web skrifttyper til dit websted, skal du huske på, at de kan have større filstørrelse end almindelige OpenType skrifttyper på grund af tilføjelsen af SVG-grafik forbundet med alle eller kun nogle af glyferne i skrifttypen.  

Apps, der understøtter OpenType-SVG skrifttyper

• Photoshop, version CC 2017 og nyere
• Illustrator
  
• Firefox, version 32 og nyere
• Microsoft Edge, Windows 10 Anniversary Edition og nyere
• I Windows 10 tillader DirectWrite- og Direct2D-platformskomponenterne OpenType-SVG-understøttelse i alle apps, der bruger disse API'er

Kendte problemer

Illustrator og InDesign

Du kan støde på følgende problemer, når du bruger OpenType-SVG farveskrifttyper i Illustrator eller InDesign:

• Glyffer kan vises i forkerte positioner efter eksport til PDF eller SVG.
• Når du anvender effekterne Skær, Roter eller Reflekter på farve-SVG skrifttyper, kan effekterne gå tabt, eller tegnene kan flytte sig væk fra deres oprindelige positioner, når glyf-konturerne oprettes. 
• Når du sætter tekst lodret, kan tegnpositionerne vises anderledes efter eksport.
• Når du sætter tekst på en spiralsti, kan tegn vises forkert placeret.

Softwareteamene arbejder på løsninger til disse problemer. 

Andre ressourcer

Her er nogle links til andre informationskilder om forberedelse og arbejde med OpenType-SVG skrifttyper:

• Oplysninger og specifikationer for SVG-tabellen i OpenType-SVG skrifttyper:
  https://www.microsoft.com/typography/otspec/svg.htm
• Værktøjer og eksempelfiler til fremstilling af OpenType-SVG skrifttyper:
  https://github.com/adobe-type-tools/opentype-svg
• https://pixelambacht.nl/chromacheck/ er en web-side, der informerer fremviseren om browserens understøttelse af forskellige farveskrifttypeformater, herunder OpenType-SVG. (Kildekoden findes på https://github.com/RoelN/ChromaCheck)
• En livlig diskussion om forberedelse og brug af OpenType-SVG skrifttyper på TypeDrawers-forummet: http://typedrawers.com/discussion/comment/19442/