Wie zu zählen .otf in css?

Ich versuche zu zählen schriftart in css, aber ohne Erfolg. In der Konsole im immer Fehler
in der Konsole. Aber wenn ich eine andere schriftart mit .ttf Erweiterung seiner Arbeit. Jede Anregung?

@font-face {
    font-family: 'Novecentowide-DemiBold';
    src: url("/wp-content/themes/test/fonts/Novecentosanswide-DemiBold.otf"); 
    src: url("/wp-content/themes/test/fonts/Novecentosanswide-DemiBold.otf") format("opentype");
    font-style: normal;
}
Duplikat von stackoverflow.com/questions/3245141/...
u sehen, dass ich das schon versucht?

InformationsquelleAutor None | 2015-12-11

  1. 8

    Wenn Sie einen öffnen schriftart, die Sie können, versuchen Sie es mit einem Konverter wie diesen: http://www.fontsquirrel.com/tools/webfont-generator
    Bindung mehrere Datei-Formate, um die schriftart-Gesicht zu empfehlen, da nicht jeder browser unterstützt jede einzelne format standardmäßig:
    (Je nach Schriftart Sqirrel)

    • TTF Funktioniert in den meisten Browsern außer dem IE und iPhone.
    • EOT IE nur.
    • Komprimierten WOFF -, schwellen-standard.
    • SVG iPhone/iPad.

    InformationsquelleAutor Philip Feldmann

  2. 0

    Warum sind Sie einschließlich der font-Pfad zweimal?

    Einschließlich versuchen Sie es einmal:

    @font-face {
    font-family: 'Novecentosanswide-DemiBold'; 
    src: url("/wp-content/themes/test/fonts/Novecentosanswide-DemiBold.otf") format("opentype");
    font-style: normal;
}

    Auch die font-family und der Pfad anders. Font-Familie ist Novecentowide-Halbfett-und font-Pfad ist Novecentosanswide-Halbfett. Diese sollten gleich sein. Ich befestigt es für Sie in der obigen CSS, vorausgesetzt, die Novecentosanswide-Halbfett ist der richtige Weg und nicht den anderen.

    Möglicherweise müssen Sie auch fügen Sie einen MIME-Typ an Ihrer Seite:

    <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".otf" mimeType="font/opentype" />
    </staticContent>
</system.webServer>
    ich habe versucht, aber ich bekomme eine Fehlermeldung in der Konsole ....und wenn ich versuche, um die Datei zu öffnen bekomme ich diese im browser:"er Seite, die Sie fordern, nicht gedient, weil von der Konfiguration der Erweiterung. Wenn die Seite ist ein Skript, fügen Sie einen Ereignishandler. Wenn die Datei heruntergeladen werden soll, fügen Sie einen MIME-Karte."
    Siehe meine aktualisierte Antwort mit dem MIME-Typ für Ihre OTF-Schriften.

    InformationsquelleAutor Android Bro

Schreibe einen Kommentar