Fehlerbehebungshandbuch: Hinzufügen von Schriften zu einer Website

Zuletzt aktualisiert am 10. Januar 2025

Welche Probleme treten auf?

Anmerkung

Adobe Fonts ist mit XP, Windows 7, Windows Vista und Mac OSX nicht kompatibel.

Die Schriften funktionieren in keinem Browser

Fehler

Lösung

Auf der Website fehlt Einbettungscode.

Du hast den Einbettungscode in eine Datei auf deinem eigenen Server minifiziert.

Minifizierung ist unter den Nutzungsbedingungen nicht erlaubt und verhindert das korrekte Laden der Schriften.

Schließe den Einbettungscode aus deinen CSS- und JavaScript-Dateikompressoren aus und aktualisiere deine Website, um den Einbettungscode ordnungsgemäß zu nutzen.

Der korrekte Name der Schriftfamilie wurde dem CSS nicht hinzugefügt.

Fügen Sie die Name der Schriftfamilie hinzu, die Ihrem CSS zur Verfügung gestellt werden. Auf der Hilfeseite „CSS-Selektoren“ erfahren Sie, wie Sie den Namen der Schriftfamilie für jede von Ihnen verwendete Webschrift finden.

Eine Browser-Erweiterung blockiert die Web-Schriftartdateien.

Deaktiviere die Browser-Erweiterung oder ändere die Einstellungen, um Web-Schriften von Adobe (früher „Typekit“ genannt) zuzulassen.

Die Schriften funktionieren nicht in mobilen Browsern

Fehler

Lösung

Der Browser wird nicht unterstützt.

Im CSS wurde nicht die richtige Schriftstärke oder der richtige Schriftstil angegeben.

Legen Sie die Stärke und den Stil für das Webprojekt fest und stellen Sie sicher, dass sie ordnungsgemäß im CSS festgelegt sind.

Firefox zeigt die Schriften nicht an, aber andere Browser schon

Fehler

Lösung

Herunterladbare Schriften sind in einer versteckten Voreinstellung deaktiviert.

Eine andere versteckte Voreinstellung deaktiviert herunterladbare Schriften.

  1. Öffnen Sie eine neue Registerkarte im Browser und geben Sie about:config in der Adressleiste ein.
  2. Geben Sie gfx.downloadable_fonts.enabled im Suchfeld ein.
  3. Legen Sie den Wert true fest. Um ihn zu ändern, doppelklicken Sie auf die Voreinstellungszeile.

Die Browser-Voreinstellung zum Überschreiben von Benutzerschriften wurde deaktiviert.

Eine Voreinstellung bestimmt. ob die benutzerdefinierten Schriften die Einstellungen vom Benutzer im Browser überschreiben dürfen. Wählen Sie unter Sprachen und Darstellung > Farben und Schriftarten > Erweitert die Option Die Seiten dürfen ihre eigene Schriftartoption auswählen.

Internet Explorer zeigt die Schriften nicht an, aber andere Browser schon

Fehler

Lösung

Der dokument-Modus ist auf eine ältere Version des Browsers [IE9 oder höher] eingestellt.

Die Verwendung eines anderen dokument-Modus führt dazu, dass das falsche Schrift-Dateiformat an den Browser gesendet wird.

Entferne Meta-Tags, die Internet Explorer anweisen, einen anderen Dokumentenmodus zu verwenden, wie

<meta http-equiv="X-UA-Compatible" content="IE=8">

 

Die Browser-Voreinstellung zum Überschreiben von Benutzerschriften wurde deaktiviert [IE8].

Eine Sicherheitseinstellung kann alle herunterladbaren Schriftarten deaktivieren. Unter „Tools“ > „Internetoptionen“ > „Sicherheit“ > „Stufe anpassen“ > „Herunterladen“ suchen Sie nach „Schriften herunterladen“. Aktivieren Sie die Schriftartdownloads mit der Standard-Sicherheitseinstellungen. Wenn die Sicherheitseinstellungen zu "hoch" sind, könnten die Schriften nicht heruntergeladen werden.

Der gesamte Text wird in Internet Explorer kursiv dargestellt

Fehler

Lösung

Der Dokumentmodus ist auf eine ältere Version des Browsers eingestellt.

Die Verwendung eines anderen Dokumentmodus führt dazu, dass das falsche Schriftdateiformat an den Browser gesendet wird und kann dazu führen, dass der gesamte Text kursiv dargestellt wird.

Entferne Meta-Tags, die Internet Explorer anweisen, einen anderen Dokumentenmodus zu verwenden, wie

<meta http-equiv="X-UA-Compatible" content="IE=8">


 

Schriften werden in Safari und Mobile Safari entweder gar nicht oder doppelt angezeigt

Fehler

Lösung

Die Schriftstärke oder der Schriftstil im CSS sind im Webprojekt nicht verfügbar.

Legen Sie die Stärke und den Stil für das Webprojekt fest und stellen Sie sicher, dass sie ordnungsgemäß im CSS festgelegt sind.