- Adobe Fonts-Benutzerhandbuch
- Einführung
- Schriftenlizenzierung
- Schriftenlizenzierung
- Verwalten Ihres Kontos
- Lizenzierung für Kunden von Creative Cloud für Unternehmen
- Hinzufügen von Schriftenlizenzen zu Ihrem Konto
- Entfernen von Schriften aus der Abonnementbibliothek
- Adobe Fonts ist für in China registrierte Adobe IDs nicht verfügbar
- Warum sind diese Schriften nicht in meinem Creative Cloud-Abonnement enthalten?
- Entfernen von Morisawa-Schriften ab September 2021
- Abrufen und Verwenden von Schriften
- Verwenden von Adobe Fonts in Creative Cloud-Anwendungen
- Verwalten Ihrer Schriften
- Fehlende Schriften in Desktop-Anwendungen auflösen
- Verwenden von Schriften in InDesign
- Schriften und Typografie
- Verwenden von Webschriften in HTML5 Canvas-Dokumenten
- Verwenden von Schriften in InCopy
- Verwenden von Webschriften in Muse
- Verpacken von Schriftendateien
- Leitfaden zur Fehlerbehebung: Hinzufügen von Schriften
- Hinzugefügte Schriften werden im Schriftmenü nicht angezeigt
- „Eine oder mehrere Schriften können nicht hinzugefügt werden“ oder „Eine Schrift mit diesem Namen ist bereits installiert“
- Was geschieht, wenn eine von mir verwendete Schrift vom Schriftenhersteller aktualisiert wird?
- Web-Design und Entwicklung
- Hinzufügen von Schriften zu einer Website
- Fehlerbehebungshandbuch: Hinzufügen von Schriften zu einer Website
- Fehlerbehebung bei Schriftproblemen
- Verwenden von Webschriften in HTML-E-Mails oder -Newslettern
- Verwenden von Webschriften mit Accelerated Mobile Pages (AMP)
- CSS-Selektoren
- Anpassen der Verarbeitung von Webschriften mit Einstellungen für „font-display“
- Einbettungscodes
- Dynamisches teilweises Laden und Bereitstellen von Webschriften
- Schriftereignisse
- Warum stammen meine Webschriften von use.typekit.net?
- Website kann keine Verbindung mit use.typekit.net herstellen
- Verwenden von Webschriften mit CodePen
- Browser- und Betriebssystemunterstützung
- Domänen
- Verwenden von Webschriften bei lokaler Entwicklung
- Content-Sicherheitsrichtlinie
- Drucken von Webschriften
- Sprachunterstützung und OpenType-Merkmale
- Schrifttechnologie
OpenType-SVG ist ein Schriftenformat, in dem alle oder einige Glyphen einer OpenType-Schrift in Form von SVG-Grafiken (skalierbare Vektorgrafiken) dargestellt werden. Dadurch wird die Anzeige mehrerer Farben und Farbverläufe in einer Glyphe möglich. Aufgrund dieser Merkmale bezeichnen wir OpenType-SVG-Schriften auch als „Farbschriften“.
OpenType-SVG-Schriften bieten die Möglichkeit, Text mit solchen grafischen Optionen anzuzeigen, während er gleichzeitig weiterhin bearbeitet, indiziert oder durchsucht werden kann. Unter Umständen enthalten Sie auch OpenType-Merkmale, die Glyphenersetzung oder alternative Glyphenstile ermöglichen.
Farbschriften wie Trajan Color Concept und EmojiOne Color werden genau wie herkömmliche Schriften in den Schriftenmenüs Ihrer Applikationen angezeigt, entfalten dabei jedoch unter Umständen nicht ihr volles Potenzial, da einige Applikationen die Farbkomponenten noch nicht vollumfänglich unterstützen. Wenn Ihr Software-Programm die SVG-Grafiken in den Schriften nicht unterstützt, sind die Glyphen stattdessen schwarz. Sie können dennoch Farben auf diesen Ausweichstil anwenden, da er wie eine herkömmlicher OpenType-Schrift funktioniert.
Verwenden von OpenType-SVG-Farbschriften in Photoshop
Photoshop (ab Version CC 2017) unterstützt OpenType-SVG-Schriften. Zwei solcher Schriften sind bereits im Lieferumfang enthalten: Trajan Color und EmojiOne. Trajan Color ist auch für die Web- und Desktop-Verwendung im Rahmen Ihres Creative Cloud-Abonnements enthalten.
Führen Sie folgende Schritte aus, um OpenType-SVG-Schriften zu verwenden:
- Erstellen Sie entweder einen Absatz oder eine Punkttext-Ebene.
- Legen Sie eine OpenType-SVG-Schrift fest. Diese Schriften sind mit dem OpenType-SVG-Symbol gekennzeichnet:
- Verwenden Sie die Tastatur oder wählen Sie einzelne Glyphen über das Glyphenbedienfeld aus. Um das Glyphenbedienfeld anzuzeigen, wählen Sie „Fenster“ > „Glyphen“.
Sie können zwar mittels OpenType-SVG-Schriften einzelne Buchstaben eingeben, doch das gesamte Spektrum der Glyphenvarianten steht nur über das Glyphenbedienfeld zur Verfügung. Trajan Color Concept umfasst beispielsweise 20 verschiedene Stilsets für jedes Zeichen, wie Silber, Kupfer, Stahlblau oder Marmor. Der Zugriff darauf erfolgt über das Glyphenbedienfeld.
Wenn Sie eine Textebene in eine bearbeitbare Form konvertieren (durch Auswahl von „Typ“ > „In Form konvertieren“), werden Zeichen aus OpenType-SVG-Schriften auf den schwarzweißen Ausweichstil zurückgesetzt.
Verwenden von OpenType-SVG-Farbschriften in Illustrator
Illustrator unterstützt OpenType-SVG-Schriften wie Trajan Color und Emoji One Color. Sie können bestimmte Glyphen mithilfe des Glyphenbedienfelds einrichten. Außerdem können Sie im Glyphenbedienfeld zusammengesetzte Glyphen erstellen und andere Zeichenvarianten ausprobieren. Weitere Informationen zu OpenType-SVG-Schriften in Illustrator finden Sie unter https://helpx.adobe.com/de/illustrator/using/fonts.html#OpenTypeSVGfonts.
Trajan Color Concept
Trajan Color Concept ist Teil von Adobe Type Concepts: Eine Schrift, die im Rahmen eines agilen Entwicklungsprozesses entwickelt und so herunterskaliert wurde, dass wir sie experimentierfreudigen Kunden vorab zur Verfügung stellen können, um Feedback für das weitere Design zu erhalten.
Bei Trajan Color Concept können Sie zwischen vielen (19) verschiedenen Farben und Strukturen wählen. Durch die Verwendung so vieler detaillierter SVG-Grafiken für unterschiedliche Farbkombinationen in den 20 Stilsets wird die Datei insgesamt größer. (Wenn dies für Sie nach einer Herausforderung bei der Verwendung klingt, haben Sie recht. Aus diesem Grund gilt Trajan Color weiterhin als Konzeptschrift.)
Der Standard-Farbstil (Gold) und die ersten 18 OpenType-Stilsets in Trajan Color Concept liefern sämtliche in der Schrift verfügbaren Multicolor-Optionen. Der Ausweichstil, der in Applikationen angezeigt wird, die die Farbfunktionen von OpenType-SVG noch nicht unterstützen, entspricht dem Stilset 20.
EmojiOne Color
Emoji-Schriften sind eine Untergruppe der OpenType-SVG-Schriften. Mithilfe von Emoji-Schriften können Sie verschiedene farbenfrohe und grafische Zeichen, wie Smileys, Flaggen, Straßenschilder, Tiere, Personen, Essen oder Sehenswürdigkeiten in Ihre Dokumente einfügen. OpenType-SVG-Emoji-Schriften wie EmojiOne ermöglichen es Ihnen, bestimmte zusammengesetzte Glyphen aus einer oder mehreren anderen Glyphen zu erstellen. Sie können beispielsweise Länderflaggen erstellen oder die Hautfarbe bestimmter Glyphen ändern, die Personen oder Körperteile wie Hände oder Nasen darstellen.
EmojiOne Color ist eine Open-Source-Farbschrift, die von Adobe auf der Basis der von Denis Denz entworfenen und von Rick Moby produzierten EmojiOne-Grafiken entwickelt wurde. Die Schrift enthält sämtliche in Unicode 9.0 verfügbaren Emojis sowie Unterstützung für breitenlose Verbinder, unterschiedliche Hauttöne und Länderflaggen.
Zeichen in einer Emoji-Schrift wie EmojiOne unterscheiden sich von den Buchstaben Ihrer Tastatur. Sie können ausschließlich über das Glyphenfeld des Betriebssystems – Charmap (Windows) bzw. Characters (Mac OS) – oder durch das Kopieren von Text von einer Online-Seite wie emojicopy.com eingefügt werden.
Anmerkungen:
- Sie können das Glyphenbedienfeld auch öffnen, indem Sie „Fenster“ > „Arbeitsbereich“ > „Grafik und Web“ auswählen und dann auf die Registerkarte „Glyphen“ klicken.
- Zuletzt verwendete Emojis werden in der oberen Zeile des Glyphenbedienfelds angezeigt.
In Photoshop können Sie eine Sequenz von EmojiOne-Glyphen eingeben, um andere Glyphen zu erzeugen. Sie können beispielsweise Länderflaggen erstellen oder den Hautton von Figuren oder Körperteilen ändern. (Dies funktioniert nicht bei Emojis mit zwei oder mehr Personen.)
Erstellen von Länderflaggen Die eingekreisten Buchstaben (A, B, C, D usw.) in EmojiOne entsprechen nicht den Tasten auf der Tastatur. Wenn Sie diese Zeichen im Glyphenbedienfeld einfügen, um den ISO-Code eines Landes zu erstellen, bilden die beiden Zeichen die Flagge des jeweiligen Landes. So ergibt beispielsweise „US“ die US-amerikanische Flagge , „GB“ die britische Flagge, „AR“ die argentinische Flagge und „IN“ die indische Flagge. Die vollständige Code-Liste ist in ISO 3166-1 definiert.
Erstellen von Zeichenvarianten Kombinieren Sie Standardzeichen mit einer Person oder Körperteile mit einem der fünf auf der Fitzpatrick-Skala verfügbaren Hauttypen (GID 356 bis 360). Das ursprüngliche Standardzeichen wird durch eines mit der passenden Hautfarbe ersetzt. Solche Zusammensetzungen sind derzeit nicht mit Glyphen möglich, die mehrere Personen enthalten.
Anmerkungen:
- Die Standard-Emojis mit einer Person oder Körperteilen können nur einmal mit einer Hautfarbenoption kombiniert werden.
- Bei Glyphensequenzen handelt es sich um ein Schriftmerkmal. Nicht bei allen OpenType-SVG-Schriftaren können Sie mehrere Zeichen zu einer einzelnen Glyphe kombinieren.
Verwenden von OpenType-SVG-Schriften mit CSS
OpenType-SVG-Schriften enthalten bestimmte Merkmale, die über CSS aktiviert werden können, wie dies auch bei anderen OpenType-Schriften der Fall ist. Einen Überblick über den Zugriff auf diese Merkmale finden Sie unter Verwenden von OpenType-Merkmalen und unter Syntax für OpenType-Merkmale in CSS.
Die zusätzlichen Farbstile in Trajan Color Concept sind z. B. als OpenType-Merkmale eingerichtet, die als Stilsets bezeichnet werden und von 1 bis 20 nummeriert sind (ss01, ss02, ss03 usw.). Um einen der 20 Stile auf in Trajan Color gesetzten Text anzuwenden, können Sie font-feature-settings verwenden:
.Trajan-gold { font-family: 'Trajan Color Concept';
font-feature-settings: "ss01"; }
.Trajan-silver { font-family: 'Trajan Color Concept';
font-feature-settings: "ss02"; }
In Browsern, die keine OpenType-SVG-Schriften unterstützen, wird der Ausweichstil (identisch mit Stilset 20) angezeigt.
Wenn Sie Ihrer Website OpenType-SVG-Webschriften hinzufügen, beachten Sie, dass diese unter Umständen größere Dateien verwenden als gewöhnliche OpenType-Schriften, da allen oder nur einigen der Glyphen in der Schrift SVG-Grafiken zugeordnet sind.
Applikationen, die OpenType-SVG-Schriften unterstützen
- Photoshop, Version CC 2017 und höher
- Illustrator
- Firefox, Version 32 und höher
- Microsoft Edge, Windows 10 Anniversary Edition und höher
- Unter Windows 10 bieten die Plattform-Komponenten DirectWrite und Direct2D OpenType-SVG-Unterstützung für sämtliche Applikationen, die diese APIs nutzen
Bekannte Probleme
Illustrator und InDesign
Möglicherweise stellen Sie bei der Verwendung von OpenType-SVG-Farbschriften in Illustrator oder InDesign die folgenden Probleme fest:
- Glyphen werden unter Umständen nach dem Export in PDF oder SVG an den falschen Positionen angezeigt.
- Bei Anwendung der Effekte „Verbiegen“, „Drehen“ oder „Spiegeln“ auf SVG-Schriften gehen die Effekte unter Umständen verloren oder die Zeichen bewegen sich bei der Erstellung der Glyphenkonturen von ihrer ursprünglichen Position weg.
- Bei vertikalem Text können Zeichen nach dem Export an anderen Positionen angezeigt werden.
- Bei Text auf einem Spiralpfad können Zeichen an falschen Positionen angezeigt werden.
Die Software-Teams arbeiten an der Behebung dieser Probleme.
Weitere Ressourcen
Im Folgenden finden Sie einige Links zu anderen Informationsquellen zum Vorbereiten von und Arbeiten mit OpenType-SVG-Schriften:
- Details und Spezifikationen zur SVG-Tabelle in OpenType-SVG-Schriften:
https://www.microsoft.com/typography/otspec/svg.htm - Tools und Beispieldateien für das Erstellen von OpenType-SVG-Schriften:
https://github.com/adobe-type-tools/opentype-svg - https://pixelambacht.nl/chromacheck/ ist eine Webseite, auf der Informationen zur Browser-Unterstützung für verschiedene Farbschriftformate, einschließlich OpenType-SVG, zu finden sind. (Der Quellcode befindet sich unter https://github.com/RoelN/ChromaCheck)
- Eine lebhafte Diskussion zur Vorbereitung und Verwendung von OpenType-SVG-Schriften im TypeDrawers-Forum: http://typedrawers.com/discussion/comment/19442/
