CSS: Font-face funktioniert nicht in Chrome
Wie kann ich sagen, warum die Schrift nicht angezeigt wird?
Ich bin in Chrome - so .ttf-sollte funktionieren.
Ich habe überprüft, dass kann ich navigieren Sie zu der Datei mit meiner URL-Leiste, und kann ich es herunterladen, sodass Berechtigungen sind in Ordnung.
Ich habe eine Seite, in der Sie deklariert eine @font-face:
@font-face {
font-family: 'entypo';
src: url('/css/fonts/entypo.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
p { font-family: 'entypo'; }
- Schön. Das Tat ich, und ich kann laden Sie die schriftart-Datei in Ordnung.
- Hit F12 zu öffnen, um den web-Inspektor. Klicken Sie auf die "Ressourcen" Registerkarte. Erweitern Sie die Option "Frames", und der Ordner mit dem Namen Ihrer Seite. Gibt es einen Ordner "Schriftarten" dort? Ist die Schrift dort? Nun öffnen Sie den 'Network' tab. Laden Sie Ihre Seite. Hat deine schriftart in der Liste angezeigt? Ein paar Kontrollen wie diese machen es einfacher, um herauszufinden, was das problem ist.
- Theoretisch sollte dies funktionieren.
- Können Sie einen link auf die Website? Würde uns helfen, um zu Debuggen.
- Und funktioniert es in anderen Browsern?
- - Link zur Verfügung gestellt. Nein, die Schrift nicht in jedem browser funktionieren.
- Einfach nur den link zu Ihrer Website, mein browser eingefroren, während es zu laden.
- Ich habe auch vor dem gleichen problem, wo FF zeigt die Schrift perfekt und Chrom (wie immer) Probleme machen.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Den @font-face nicht in einem block. Gängige Praxis ist, um es an der Spitze der CSS-Datei.
Ihre Quelle:
Es ist ein bekanntes Problem mit Chrom bezüglich der web-font wie ive hatte ein ähnliches problem. Seine erwähnenswert ist der Artikel zum https://stackoverflow.com/questions/21984543/google-chrome-bug-website-not-displaying-text. Der Artikel gibt ein paar Ideen, wie, aber nicht warum dieser Fehler Auftritt - und manchmal ziemlich random!
Hoffe, das hilft