@ font-face Zwei Parse-Fehler

Question

Die Website läuft perfekt auf dem Desktop-Browser.

In einem Handy-Browser liest die Site die Schriftartdateien nicht.

Also überprüfte ich den CSS-Validator und fand 2 Fehler, parse Fehler. Ich habe ein paar verschiedene Dinge ausprobiert und kann die Parse-Fehler nicht loswerden. Hier ist der Code, der mit den Fehlern fehlerhaft ist. Die Schriftartdatei wird lokal gespeichert.

Jeder Rat würde geschätzt werden.

@font-face { 
    font-family: 'trashhand'; 
    src: url('TrashHand.ttf'); 
} 

Answer 1

Sie können versuchen, ein Ausweichsystem für die Verwendung der Schriftartenfamilie zu erstellen. Zum Beispiel:

font-family:'Trashhand', 'Lucida Sans', 'Arial' 

Der Hauptzweck für Rückfallsystem ist es, alternative Verwendung von Schriften zu erstellen, so dass, wenn der Browser der erste Schriftart nicht unterstützt wird es die nächsten Optionen ausprobieren.

Answer 2

Sie können versuchen, die Schriftart ordnungsgemäß zu importieren.

CSS FONT importieren:

@font-face { 
    font-family: 'TrashHand'; 
    src: url('TrashHand.ttf') format('truetype'); /* Safari, Android, iOS */ 
} 

CSS ANWENDUNG:

body{ 
    font-family:'TrashHand', sans-serif; 
} 

Sie können aber auch here viele Möglichkeiten sehen verschiedene fontface für verschiedene Browser und Systeme zu importieren.

Answer 3

Zunächst einmal, obwohl der format Hinweis optional ist, wenn Ihre Schrift OpenType oder TrueType ist, es lohnt sich ausdrücklich festgelegt wird:

@font-face { 
    font-family: 'trashhand'; 
    src: url('TrashHand.ttf') format('truetype'); 
} 

Abgesehen davon gab es einige Probleme mit dem Pfad auf mobile Geräte zu erkennen. Sie können also eine / an den Anfang Ihres Zeichensatzpfads einfügen und das könnte alles reparieren.

Die letzte, aber nicht die geringste, betrachten woff oder woff2 verwenden, die mit Browsern großen kompatibel sind.