2016-06-20 7 views
-1

fand ich einen Dienst, der mir erlauben Webfonts zum Download: https://www.fontsquirrel.com/fonts/danielHTML CSS - benutzerdefinierte Schriftarten

Ich bin kein Web-Entwickler, aber ich bin zu helfen, jemanden um herauszufinden, was schief gelaufen ist.

Hier ist eine Website, die benutzerdefinierte Schriftarten verwendet: http://senschild.com

ich implementiert haben:

@font-face{ 

font-family: 'Daniel-Regular'; 

src: url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot'); 

src: url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot?iefix') format('eot'), 

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.woff') format('woff'), 

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.ttf') format('truetype'), 

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.svg#webfont') format('svg'); 

} 

aber es für mich nicht funktioniert. Die Schriftart ist immer noch System auf der Seite.

Was ich auch tat:

Ich reparierte auch diese ein als Sie diesen Teil gesagt und festen '../ wie wir brauchen, um als Maneesh sagte nicht nach oben bewegen. Auch habe ich css bearbeitet, indem ich Schriftfamilie entferne: JakobCTT; aus dem Körper, aber immer noch nicht funktioniert. Ich fügte sogar englische Wörter hinzu, vorausgesetzt, dass die Schriftart nur für englische Zeichen ist.

+0

Haben Sie sichergestellt, dass die URLs auf den richtigen Platz zeigen? Ich sehe keine Schriftarten in den Ressourcen für den von Ihnen bereitgestellten Link geladen werden. Denken Sie daran, dass '..' bedeutet, einen Ordner nach oben zu verschieben, also wenn Sie diesen Code auf Ihrer HTML-Seite hinzugefügt haben, müssen Sie auf' fonts/[FILE_URL_HERE] ' – Maneesh

+0

@Maneesh verweisen, danke ja, nur behoben, tut es aber immer noch nicht arbeiten. –

+0

http://senschild.com hier kann ich Schriftart-Gesicht nicht finden und Schriftfamilie beziehen. –

Antwort

-1

Hier ist Ihr Fix: Fügen Sie den HTML-Elementen, für die Sie die Schriftart anwenden möchten, einen Stil hinzu. Wenn Sie möchten, dass die Schriftart für die gesamte Webseite angewendet wird, fügen Sie den folgenden Stil für das body-Tag entweder in html oder css hinzu.

font-family: 'Daniel-Regular'; 

Try this:

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot?#iefix') 

statt

url('../fonts/daniel_regular_macroman/Daniel-Regular-webfont.eot?iefix') 

Es gibt eine ?#iefix nicht nur ?iefix

+0

danke ok Ich habe auch dieses Problem behoben, wie du gesagt hast, und diesen Teil '' ../ 'repariert, da wir nicht mehr aufsteigen müssen, wie Maneesh sagte. Auch habe ich css bearbeitet, indem ich Schriftfamilie entferne: JakobCTT; aus dem Körper, aber immer noch nicht funktioniert. Ich fügte sogar englische Wörter hinzu, vorausgesetzt, dass die Schriftart nur für englische Zeichen ist. –

+0

@MatrosovAlexander Versuchen Sie, den '# ifix'-Teil zu entfernen und überprüfen Sie. Das könnte auch funktionieren. –

0

Die Schriftart-Dateien Sie korrupt zu sein scheinen verwenden sollte, wie Failed to decode downloaded font angibt. Ich hatte dieses Problem viele Male vorher, wenn ich den Webfont-Generator auf https://www.fontsquirrel.com benutze.

Edit: Wenn Sie die .OTF Datei herunterladen und die WebFont erzeugen mit https://www.web-font-generator.com/ es einfach gut zu funktionieren scheint.