Übersicht
In diesem Artikel wird erläutert, wie Sie Monotype-Webfonts hosten und deren Nutzung mithilfe von Monotype Fonts überwachen können.
Nachdem Sie Ihre Fonts zu Webprojekten und digitalen Anzeigen hinzugefügt und mithilfe von Subsetting-Optionen optimiert haben, können sie bereitgestellt werden.
In den folgenden Abschnitten wird beschrieben, wie Sie freigegebene Webfonts herunterladen, auf Ihrer eigenen Infrastruktur hosten und sicherstellen, dass die Nutzung korrekt gemeldet wird.
Wenn Sie Monotype-Webfonts selbst hosten, sind Sie verantwortlich für:
das Herunterladen von Font-Dateien aus einem freigegebenen Webfont-Projekt
das Hosten dieser Dateien auf Ihrem Webserver oder Content Delivery Network (CDN)
das Einbinden des bereitgestellten CSS, damit die Fonts korrekt geladen werden
die Aktivierung der Meldung von Nutzungsdaten für Lizenzierung und Compliance
Die Nutzungsberichterstattung ist erforderlich, um sicherzustellen, dass die Fonts gemäß Ihren Lizenzbedingungen verwendet werden.
Hosting von Webfonts über den CDN-Dienst von Monotype
Der gehostete Webfont-Dienst von Monotype stellt Webfonts über unser CDN bereit, um eine schnelle Bereitstellung zu gewährleisten, unabhängig davon, wo sich Ihre Besucher befinden. So hosten Sie Ihre Webfonts über den Dienst von Monotype:
Klicken Sie auf Ihr Web-Projekt, um es in der Hauptansicht auf der rechten Seite zu öffnen.
Klicken Sie oben in der Fontliste auf die Schaltfläche „Einbettungscode“.
Im Dialogfeld „Einbettungscodes für Webprojekte“ können Sie auswählen, welche Fonts Sie mithilfe von CSS in Ihre Webanwendung einbinden möchten.
Klicken Sie auf „Kopieren“, um das CSS-Code-Snippet zu kopieren.
Fügen Sie dieses Code-Snippet in den Abschnitt <head> Ihrer HTML-Datei ein, um die Fonts auf dieser Webseite zu verwenden.
Hinweis: Dieses Skript lädt das Webprojekt zur Laufzeit vom CDN und erfasst die Nutzung.
Wählen Sie im Abschnitt „Font style CSS“ des Dialogfelds „Einbettungscodes für Webprojekte“ einen Fontstil aus dem Dropdown-Menü aus, um die Stilcodes für font-family, font-style und font-stretch zur Verwendung im CSS Ihrer Website zu generieren. Klicken Sie auf die Schaltfläche „Kopieren“, um diese zu kopieren.
Wiederholen Sie den obigen Schritt für alle Stile, die Sie in Ihr CSS aufnehmen möchten.
Hinweis: Wir haben eine neue Generation von Webfont- und Digitalanzeigen-Hosting-Diensten eingeführt. Das bedeutet, dass wir die alte Technologie auslaufen lassen und die Möglichkeiten für alte Webprojekte und Digitalanzeigen eingeschränkt haben. Hier finden Sie einen Link zu weiteren Details zu dieser Umstellung.
Selbstgehostete Webfonts
Hinweis: Diese Funktion steht nur Kunden zur Verfügung, die den Enterprise-Tarif abonniert haben. Wenden Sie sich bei weiteren Fragen an [email protected].
Sie können auch Selbsthosting-Kits für Ihre Webprojekte herunterladen, um Ihre Fonts von Ihren eigenen Servern bereitzustellen. Führen Sie die folgenden Schritte aus, um das Selbsthosting-Kit herunterzuladen:
Klicken Sie auf „Kit herunterladen“.
Entpacken Sie die heruntergeladene ZIP-Datei. Zum Beispiel die Datei „WebFonts_<Name Ihres Webprojekts_eindeutigeID>.zip“.
Laden Sie die Fonts aus diesem heruntergeladenen Ordner auf Ihre Server hoch. Dieser Ordner enthält WOFF- (.woff) und WOFF2- (.woff2) Versionen jedes Stils in Ihrem Webprojekt. Zum Beispiel:
Das heruntergeladene Selbsthosting-Kit enthält außerdem:
Beispiel für die Implementierung von Webfonts
Es enthält die Datei „startHere.html“ und den Ordner „startherefiles“
Öffnen Sie die Datei „startHere.html“, um Folgendes anzuzeigen:
Implementierungsrichtlinien für Ihre Webfonts, einschließlich des Beispiel-CSS
Einige grundlegende Schritte zur Fehlerbehebung, falls Probleme bei der Verwendung der Webfonts auftreten
Einen hervorgehobenen Abschnitt, um die Darstellung von Webfonts in verschiedenen Schriftgrößen mithilfe eines Wasserfallmodells anzuzeigen
WebProject-CSS
Datei: <Eindeutige WebProject-ID>.css
Dies ist das empfohlene CSS, das Sie zusammen mit den Webfonts auf Ihrer Website verwenden sollten. Es ist für optimale Leistung beim Herunterladen der Webfonts zur Darstellung konfiguriert.
Es enthält außerdem oben einen Link zu unserem Tracking-CSS „1.css“, das mit dem auf Monotype Fonts erstellten Webprojekt verknüpft ist.
Dieses CSS erfasst die Nutzung der Webfonts und übermittelt diese Nutzungsdaten zu Berichts- und Lizenzierungszwecken an Monotype Fonts.
Überwachung der Fontnutzung und Berichterstellung
Die Webfont-Nutzung wird als Anzahl der Seitenaufrufe für Webprojekte und als Anzahl der Impressionen für digitale Anzeigen gemeldet.
Als Unternehmensadministrator können Sie die Fontnutzung ganz einfach überwachen, indem Sie in der Hauptansicht auf die Schaltfläche „Berichte“ unter dem Namen eines Webprojekts oder einer digitalen Anzeige klicken, wie unten dargestellt:
Klicken Sie hier, um mehr über die Überwachung der Fontnutzung und die Berichterstellung zu erfahren.
Wichtige Informationen:
Die Anzahl der Seitenaufrufe/Impressionen basiert auf den Seitenaufrufen für ein gesamtes Webprojekt oder eine digitale Anzeige. Wenn Ihr Webprojekt beispielsweise 10 Fonts enthält und auf einer Webseite verwendet wird, die einen Seitenaufruf erhält, zeigt Ihr Bericht einen Seitenaufruf an, nicht 10.
Bei Überschreitungen wird Monotype seinen gehosteten Dienst nicht deaktivieren oder eine Rechnung für die Überschreitungen ausstellen. Wir können uns jedoch an Sie wenden, wenn Ihr Verbrauch das Kontingent erheblich überschreitet.