Unter Stilverknüpfung versteht man die Verwendung von Font-face-Erklärungen für mehrere Stile, die mit demselben Namen einer Fontfamilie verknüpft sind – im Gegensatz zur Verwendung eines anderen Familiennamens für jeden einzelnen Fontstil.
In diesem Abschnitt erfahren Sie Folgendes:
Was sind Webprojekte und digitale Anzeigen?
Webprojekte
Webprojekte sind organisatorische Tools für Ihre Bibliothek, die Zugang zum Webfont-Format Ihrer Fonts bieten und es Ihnen ermöglichen, sie gemeinsam an einem zugänglichen Ort zu gruppieren.
Klicken Sie hier, um mehr über Webprojekte zu erfahren.
Digitale Anzeigen
Wie Webprojekte sind auch digitale Anzeigen in Monotype Fonts eine weitere Gruppierungsoption zur Organisation Ihrer Fontbibliothek und zur Vorbereitung Ihrer Webfonts für den Einsatz in HTML5-Werbeanzeigen.
Klicken Sie hier, um mehr über digitale Anzeigen zu erfahren.
Welche unterschiedlichen Verfahren der Definition eines Webfonts gibt es in CSS?
Es gibt zwei Möglichkeiten, Webfonts in CSS zu definieren:
Familienverknüpfte Webfontdefinitionen, bei denen Beschreibungen innerhalb der Eigenschaft „font-face“ genutzt werden, um genaue Angaben darüber zu machen, welcher Fontstil innerhalb einer bestimmten Fontfamilie verwendet werden soll. Das ist der aktuelle Branchenstandard.
Individuelle Webfontdefinitionen, die separate „font-face“-Definitionen für jeden einzelnen Webfont in der Familie umfassen.
Wie kann ich ein digitales Asset stilistisch verknüpfen?
Rufen Sie den Link https://enterprise.monotype.com/ auf.
Melden Sie sich auf der Webplattform von Monotype Fonts an.
Klicken Sie auf Meine Bibliothek und wählen Sie ein digitales Asset aus dem linken Feld aus.
Sie sehen anschließend einen Banner, das Sie darüber informiert, dass die Stilverknüpfung nun für das ausgewählte Asset auf Monotype Fonts verfügbar ist. Das liegt daran, dass das Asset den alten Ansatz der Stilverknüpfung verwendet.
Klicken Sie auf das vertikale Ellipsensymbol
und wählen Sie im Dropdown-Menü Duplizieren aus. Das Asset wird dupliziert.
Hinweis: Nutzende müssen Bearbeitungs- oder Miteigentumsrechte besitzen, um die digitalen Assets zu duplizieren.
Durch diese Aktion wird eine Kopie des eingebetteten Codes für den verknüpften Stil im neuen Format erstellt. Anschließend wird ein neues Banner angezeigt, das Sie darüber informiert, dass diese/s Webprojekt/digitale Anzeige Stilverknüpfung verfolgt.
Klicken Sie auf </> Eingebetteter Code, um den Fontstil für das Webprojekt anzuzeigen und alle CSS-Elemente zu kopieren.
Hinweis: Wir konnten durch unseren Umstieg auf eine schlanke JavaScript- und CSS-Implementierung die Erfassung der Aufrufe von Webfont-Seiten verbessern. Wir empfehlen diese Option gegenüber der vorherigen CSS-Implementierung, da sie schnellere Seitenladezeiten und ein reibungsloseres Erlebnis ermöglicht.
Wie unterscheidet sich der eingebettete Code der neuen Stilverknüpfung von dem alten?
Bisher wurde die Erfassung der Seitenaufrufe synchron implementiert. Inzwischen sind wir auf eine effizientere, schlanke JavaScript- und CSS-Lösung umgestiegen. Sie erfasst die Aufrufe von Webfont-Seiten, ohne die Geschwindigkeit der Website zu beeinträchtigen. Diese Änderung sorgt für schnellere Ladezeiten und eine reibungslose Nutzung.
Benutzende können weiterhin die ältere Implementierung verwenden. Für bessere Leistungsfähigkeit können sie sich jedoch auch für den asynchronen Ansatz mit JavaScript + CSS entscheiden.
Alte Stilverknüpfung
Neue Stilverknüpfung
Wie können bestehende Benutzende den neuen asynchronen Ansatz mit JavaScript + CSS am besten nutzen?
Bestehende Benutzende haben nur Zugriff auf den alten CSS-Einbettungscode, da die aktuelle Implementierung ausschließlich für neu erstellte Web-Assets gilt. Sie können den neuen Ansatz jedoch durch Aktualisierung des Webprojekts trotzdem nutzen. Dazu können Sie einen Font hinzufügen oder entfernen, ein Subset erstellen oder einfach den Font duplizieren.