Hosting von Web-Fonts und Nutzung von Berichten.

Topic
Font-Management & Zusammenarbeit.
Font Management
Webfonts

Sie haben also Ihre Fonts zu Ihren Webprojekten und Digital Ads hinzugefügt, sie mit Hilfe von Subsetting-Optionen auf ihre Leistung abgestimmt und sind bereit, sie in der realen Welt einzusetzen. Im Folgenden erfahren Sie, wie Sie Ihre Fonts einfach und schnell hosten und deren Verwendung überwachen können:

  1. Hosting von Web-Fonts über den CDN-Dienst von Monotype

  2. Selbstverwaltete Web-Fonts

  3. Überwachung der Fontnutzung und Berichterstattung

 

Hosting von Web-Fonts über den CDN-Dienst von Monotype.

Der von Monotype gehostete Webfonts-Service stellt Fonts aus unserem CDN (Content Delivery Network) bereit, um eine schnelle Lieferung von Fonts zu gewährleisten, unabhängig davon, wo sich Ihre Besucher befinden. Hosting Ihrer Webfonts mit dem Service von Monotype:

  1. Beginnen Sie damit, Ihr Webprojekt - in diesem Fall unser Beispiel-Webprojekt mit dem Namen “Webprojekt 01” - anzuklicken, um es in der Hauptansicht auf der rechten Seite zu öffnen.

  2. Klicken Sie dann oben in der Liste der Fonts auf die Schaltfläche Code einbetten.

     

    Embed code_01

  3. Im Dialogfeld “Webprojekt-Einbettungscodes” können Sie wählen, ob Sie Ihre Fonts mit CSS oder Javascript in Ihre Webanwendung einbinden möchten.

    • CSS.
       

      Hosting fonts css_01



      Verwenden Sie die CSS-Option, wenn Sie unsicher sind oder keine Präferenz haben und Ihre Webseiten kein dynamisches Subsetting benötigen. Falls Ihre Website ostasiatische Sprachen bedient, verwenden Sie die Javascript-Veröffentlichungsmethode.

    • Javascript.
       

      Hosting fonts JS_01

      • Verwenden Sie die Javascript-Veröffentlichungsmethode, wenn Sie dynamische Subsetting in Ihren Webseiten benötigen.

      • Wenn Ihre Website ostasiatische Sprachen verwendet, verwenden Sie die Javascript-Veröffentlichungsmethode, da eine dynamische Teilmenge erforderlich ist, um ostasiatische Fonts korrekt darzustellen.

         

  4. Kopieren Sie das CSS- oder Javascript-Code-Snippet, indem Sie auf die Schaltfläche Kopieren klicken.

  5. Fügen Sie diesen Codeschnipsel in den Abschnitt <head> Ihrer Webseite ein. Dieses Skript wird verwendet, um das Webprojekt zur Laufzeit aus dem CDN herunterzuladen und die Nutzung zu verfolgen.

  6. Wählen Sie als Nächstes im Abschnitt “Schriftart-CSS” im Dialogfeld “Webprojekt-Einbettungscodes” einen Schriftstil aus dem Dropdown-Menü aus, um Code im Stil der Schriftfamilie für die Verwendung im CSS Ihrer Website zu generieren. Klicken Sie auf die Schaltfläche Kopieren, um diesen Stil zu kopieren.

    Font styles css_01

  7. Wiederholen Sie den obigen Schritt für alle Stile, die Sie in Ihr CSS aufnehmen möchten.

 

Selbstverwaltete Web-Fonts. 

Sie können auch Self-Hosting-Kits für Ihre Webprojekte herunterladen, um Ihre Fonts von Ihren eigenen Servern aus bereitzustellen. Um dies zu tun:

 

  1. Klicken Sie in Ihrem Webprojekt oben in der Fontliste auf die Schaltfläche Download Kit.

    Download kit_01

  2. Entpacken Sie die heruntergeladene .zip-Datei.

  3. Laden Sie die im Ordner Fonts enthaltenen Fonts auf Ihre Server hoch. Der Fonts-Ordner enthält WOFF- (.woff) und WOFF2-Versionen (.woff2) jedes Stils in Ihrem Webprojekt.

  4. Das heruntergeladene Self-Hosting-Kit enthält außerdem Folgendes:

    Demo: Implementierung von Web-Fonts.
    Files: demo.htm, demo.css

    Öffnen Sie die Seite demo.htm, um die Implementierungsrichtlinien für Ihre Web-Fonts anzuzeigen, einschließlich des Codes, der für den Einsatz Ihrer Fonts in Ihren Web-Anwendungen erforderlich ist.

    Demo: Implementierung von Web-Fonts - Asynchron.
    Files: demo-async.htm, demo-async.css

    Öffnen Sie die Seite demo-async.htm, um zu sehen, wie Sie Ihre Web-Fonts asynchron implementieren und einsetzen können, d.h., damit das Skript Ihre Fonts im Hintergrund lädt, während die restlichen Elemente auf Ihrer Webseite ungehindert geladen werden.
     

    Font list XML.
    File: fontlist.xml

    Eine Liste der Fonts im Webprojekt, die Fontinformationen wie Familienname, Gewicht usw. im XML-Format enthält.


    Code zur Verfolgung der Verwendung.
    File: mtiFontTrackingCode.js

    Diese Datei verfolgt die Verwendung von Web-Fonts und gibt die verfolgten Informationen zu Berichtszwecken an Monotype Fonts zurück. Sollte dort aufbewahrt werden, wo Ihre Fonts hochgeladen werden.

 

Überwachung der Fontnutzung und Berichterstattung.

Die Verwendung von Web-Fonts wird als Anzahl der Pageviews für Web-Projekte und der Impressions für Digital Ads angegeben. Als Firmenadministrator können Sie die Fontverwendung leicht überwachen, indem Sie in der Hauptansicht unter dem Namen eines Webprojekts oder einem Digital Ad auf die Schaltfläche Berichte klicken, wie unten dargestellt:

monitoring font usage_01

Wichtige Informationen.

  • Die Anzahl der Pageviews/Impressions 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 1 Seitenaufruf erhält, zeigt Ihr Bericht 1 Pageview und nicht 10.

  • Im Falle von Überschreitungen schaltet Monotype seinen gehosteten Dienst nicht ab und sendet keine Rechnung für Überschreitungen. Wir können uns jedoch an Sie wenden, wenn Ihr Verbrauch den Freibetrag bei weitem übersteigt.

     

Download & contact.

Laden Sie die Monotype App herunter Laden Sie die Monotype App herunter Kontaktieren Sie uns Kontaktieren Sie uns

Kontaktieren Sie uns.

Vielen Dank, dass Sie mit uns Kontakt aufgenommen haben.

Ein Mitglied unseres Support-Teams wird sich in Kürze per E-Mail mit Ihnen in Verbindung setzen.

Related content.

My library overview
Font-Management & Zusammenarbeit.

Meine Bibliothek: Überblick.

Meine Bibliothek ist der Ort, an dem Ihre Fonts und Ihre kreativen Projekte zusammenkommen, um eine organisierte, visuelle Übersicht all der Dinge zu erstellen, an denen Sie arbeiten, mit wem Sie zusammenarbeiten und wo Ihre Fonts Wirkung zeigen.

Working with font lists
Font-Management & Zusammenarbeit.

Arbeiten mit Schriftlisten und -ordnern.

Fontlisten sind eines der vielen Schriftgruppierungswerkzeuge, die Ihnen bei der Organisation Ihrer Bibliothek zur Verfügung stehen. Fügen Sie Fonts zu den Fontlisten hinzu, um sie mit den Personen zu teilen, die mit Ihnen an Ihren kreativen Projekten arbeiten - Teams und Einzelpersonen gleichermaßen.

Web-Projekte: Arbeiten mit Web-Fonts.
Font-Management & Zusammenarbeit.

Web-Projekte: Arbeiten mit Web-Fonts.

Stellen Sie sich Web-Projekte wie Fontlisten als ein organisatorisches Hilfsmittel in Ihrer Bibliothek vor, um alle Ihre Web-Fonts zu gruppieren. Sie bieten auch ausgeklügelte Subsetting- und Font-Hosting-Workflows für den Fall, dass Sie Ihre Fonts in Ihren Webanwendungen live einsetzen möchten, einschließlich Funktionen zur Nutzungsüberwachung und Berichterstellung.

Arbeiten mit Digital Ads.
Font-Management & Zusammenarbeit.

Arbeiten mit Digital Ads.

Ähnlich wie Web-Projekte sind Digital Ads in Monotype-Fonts eine weitere Gruppierungsmöglichkeit, um Ihre Font-Bibliothek zu organisieren und Ihre Web-Fonts für die Verwendung in HTML5-Anzeigen vorzubereiten.

Subsetting von Web-Fonts.
Font-Management & Zusammenarbeit.

Subsetting von Web-Fonts.

Beim Einsatz von Web-Fonts für die Verwendung in Web-Anwendungen ist die Seitenleistung entscheidend. Durch Subsetting wird die Dateigröße der Fonts optimiert. Subsetting ist ein Prozess, bei dem nur die Zeichen in eine Schriftart aufgenommen werden, die nötig sind.  Diese Reduzierung wirkt sich fast 1:1 auf die Dateigrößen Ihrer Fonts aus.