OpenType-SVG er et skriftformat hvor en OpenType-skrift har alle eller bare noen av glyfene representert som SVG-grafikk (skalerbar vektorgrafikk).Dette gjør det mulig å vise flere farger og gradienter i en enkelt glyf. På grunn av disse funksjonene kaller vi også OpenType-SVG-skrifter for "fargeskrifter".
OpenType-SVG-skrifter gjør det mulig å vise tekst med disse grafiske kvalitetene, samtidig som den fortsatt kan redigeres, indekseres eller søkes. De kan også inneholde OpenType-funksjoner som tillater glyfsubstitusjon eller alternative glyfstiler.
Fargeskrifter som Trajan Color Concept og EmojiOne Color vil vises akkurat som vanlige skrifter i programmenes skriftmenyer — men de viser kanskje ikke sitt fulle potensial, siden mange programmer ennå ikke har full støtte for fargekomponentene.Hvis programmet ditt ikke støtter SVG-kunstverket i skriftene, vil glyfene falle tilbake til en solid svart stil. Farge kan fortsatt brukes på denne reserve-stilen, siden den vil fungere som en vanlig OpenType-skrift.
Bruke OpenType-SVG-fargeskrifter i Photoshop
Photoshop (CC 2017 og nyere versjoner) støtter OpenType-SVG-skrifter og kommer med to slike skrifter: Trajan Color og EmojiOne. Trajan Color er også inkludert for web- og skrivebordsbruk med Creative Cloud-abonnementet ditt.
Følg disse trinnene for å bruke OpenType-SVG-skrifter:
- Opprett et lag av typen avsnitt eller et punkttekst.
- Angi skriften til en OpenType-SVG-skrift. Disse skriftene er merket i skriftmenyen med OpenType-SVG-ikonet:
- Skriv med tastaturet, eller velg bestemte tegnvarianter med Tegnvarianter-panelet. For å vise Tegnvarianter-panelet, velg Vindu > Tegnvarianter.
Selv om du enkelt kan skrive bokstaver med OpenType-SVG-skrifter, er det fulle utvalget av glyfalternativer bare tilgjengelig gjennom glyfpanelet. Trajan Color Concept, for eksempel, inkluderer 20 forskjellige stilistiske sett for hver bokstav, som Silver, Copper, Steel Blue og Marble, som krever glyfpanelet for tilgang.
Hvis du konverterer et tekstlag til en redigerbar form (ved å velge Tekst > Konverter til form), vil tegn fra OpenType-SVG-skrifter gå tilbake til sin svart-hvite fallback-stil.
Bruke OpenType-SVG-fargeskrifter i Illustrator
Illustrator støtter OpenType SVG-skrifter som Trajan Color og Emoji One Color.Du kan angi spesifikke glyfer ved hjelp av Glyf-panelet, og du kan også bruke Glyf-panelet til å opprette sammensatte glyfer og utforske andre tegnvarianter.For mer informasjon om OpenType SVG-skrifter i Illustrator, se Oversikt over skriftinnstillinger.
Trajan Color Concept
Trajan Color Concept er ett av våre Adobe Type Concepts: en skrifttype utviklet med en smidig utviklingsprosess og et nedskalert tegnsett slik at vi kan få den ut til eventyrlystne kunder raskere for tilbakemelding mens vi utvider designet.
Trajan Color Concept lar deg velge mellom mange (19) forskjellige farger og teksturer.Bruken av så mye detaljert SVG-kunstverk for å få tilgang til forskjellige fargekombinasjoner i de 20 stilistiske settene øker den totale filstørrelsen.(Hvis det høres ut for deg som om dette gjør dem utfordrende å bruke, har du rett — noe som er en grunn til at Trajan Color fortsatt regnes som en konseptskrift.)
Standard fargestil (Gull) og de første 18 OpenType-stilistiske settene i Trajan Color Concept utgjør alle flerfargealternativene som er tilgjengelige i skriften.Reservestilen — sett i applikasjoner som ennå ikke støtter fargemulighetene til OpenType-SVG — er identisk med stilistisk sett 20.
EmojiOne Color
Emoji-skrifter er et eksempel på OpenType-SVG-skrifter. Ved hjelp av Emoji-skrifter kan du inkludere ulike fargerike og grafiske tegn, for eksempel smilefjes, flagg, gateskilt, dyr, mennesker, mat og landemerker, i dokumentene. OpenType-SVG emoji-skrifter, som EmojiOne-skriften, lar deg opprette visse sammensatte glyfer fra en eller flere andre glyfer.Du kan for eksempel opprette flaggene til land eller endre hudfargen på enkelte tegnvarianter som fremstiller personer eller kroppsdeler, som hender eller neser.
EmojiOne Color er en åpen kilde-fargeskrift bygget av Adobe fra EmojiOne-grafikken designet av Denis Denz og produsert av Rick Moby. Skriften inneholder alle emoji i Unicode 9.0 og inkluderer støtte for ZWJ, hudtonemangfold og emoji for landsflagg.
Tegn i en emoji-skrift, som EmojiOne, er forskjellige fra bokstavene på tastaturet ditt. De kan kun settes inn gjennom Glyfer-panelet, gjennom operativsystemet — Charmap (Windows) og Characters (macOS) — eller ved å kopiere tekst fra en nettside som emojicopy.com.
Notater:
- Du kan også åpne Glyfer-panelet ved å velg Window> Workspace > Graphic and Web og deretter klikke på Glyfer-fanen.
- Nylig brukte emoji vises i øverste rad i Glyfer-panelet.
I Photoshop kan du sette inn en sekvens av EmojiOne-glyfer for å produsere andre glyfer.For eksempel kan du opprette landsflagg eller endre hudfargen på en enkelt person eller kroppsdel.(Dette vil ikke fungere på emoji med to eller flere personer.)
Opprett flagg for land De innsirklede bokstavene (A, B, C, D, og så videre) i EmojiOne tilsvarer ikke taster på tastaturet. Når du setter inn disse tegnene fra Glyfer-panelet for å danne et lands ISO-kode, danner de to tegnene flagget til det landet. US gir for eksempel det amerikanske flagget, GB gir det britiske flagget, AR gir det argentinske flagget og IN gir det indiske flagget. Den komplette listen over koder er definert av ISO 3166-1.
Opprett tegnvarianter Kombiner enkeltstående standardtegn eller kroppsdeler med en av de fem tilgjengelige Fitzpatrick-skala hudtonene (GID-er 356 til 360). Det originale standardtegnet erstattes av ett som matcher hudtonen. Slike sammensatte tegn fungerer foreløpig ikke med glyfer som har mer enn én person.
Merknader:
- Standard enkeltperson-tegn eller kroppsdel-emoji kan kun pares med hudtone-tegn én gang.
- Glyfsekvenser er en skriftfunksjon. Ikke alle OpenType-SVG-skrifter lar deg kombinere flere tegn til å danne en enkelt glyf.
Bruke OpenType-SVG-skrifter med CSS
OpenType-SVG-skrifter inneholder funksjoner som kan aktiveres via CSS som andre OpenType-skrifter. Se Bruke OpenType-funksjoner og Syntaks for OpenType-funksjoner i CSS for en oversikt over hvordan du får tilgang til disse funksjonene.
De ekstra fargestilene i Trajan Color Concept, for eksempel, er satt opp som OpenType-funksjoner kalt stilistiske sett, som er nummerert 1 til 20 (ss01, ss02, ss03, osv.). For å bruke en av de 20 stilene på tekst som er satt i Trajan Color, kan du bruke font-feature-settings til å bruke et av de stilistiske settene:
I nettlesere som ikke støtter OpenType-SVG-skrifter, vil reservestilen (identisk med stilistisk sett 20) vises.
Når du legger til OpenType-SVG web-skrifter på nettstedet ditt, husk at de kan ha større filstørrelser enn vanlige OpenType-skrifter, på grunn av tillegg av SVG-grafikk knyttet til alle eller bare noen av glyfene i skriften.
Applikasjoner som støtter OpenType-SVG-skrifter
- Photoshop, versjon CC 2017 og over
- Illustrator
- Firefox, versjon 32 og over
- Microsoft Edge, Windows 10 Anniversary Edition og over
- I Windows 10 tillater plattformkomponentene DirectWrite og Direct2D OpenType-SVG-støtte i alle apper som bruker disse API-ene
Kjente problemer
Illustrator og InDesign
Du kan støte på følgende problemer når du bruker OpenType-SVG fargeskrifter i Illustrator eller InDesign:
- Glyfer kan vises i feil posisjoner etter eksport til PDF eller SVG.
- Når du bruker Skjær-, Roter- eller Reflekter-effektene på farge-SVG-skrifter, kan effektene gå tapt eller tegnene kan flytte seg bort fra sine originale posisjoner når glyfkonturene opprettes.
- Når du setter tekst vertikalt, kan tegnposisjonene vises forskjellig etter eksport.
- Når du setter tekst på en spiralformet bane, kan tegn vises feilplassert.
Programvareteamene jobber med løsninger på disse problemene.
Andre ressurser
Her er noen lenker til andre informasjonskilder om forberedelse og arbeid med OpenType-SVG-skrifter:
- Detaljer og spesifikasjoner for SVG-tabellen i OpenType-SVG-skrifter:
https://www.microsoft.com/typography/otspec/svg.htm - Verktøy og eksempelfiler for å lage OpenType-SVG-skrifter:
https://github.com/adobe-type-tools/opentype-svg - https://pixelambacht.nl/chromacheck/ er en webside som informerer brukeren om nettleserens støtte for ulike fargeskriftformater, inkludert OpenType-SVG.(Kildekoden er på https://github.com/RoelN/ChromaCheck)
- En livlig diskusjon om forberedelse og bruk av OpenType-SVG-skrifter på TypeDrawers-forumet: http://typedrawers.com/discussion/comment/19442/
Utforsk Adobe Fonts
Finn riktig skrifttype til nett- og trykkprosjektene dine.
