it-swarm.com.de

Font-Face funktioniert nicht im IE, otf font

Ich weiß, dass dies mehrmals gefragt wurde, aber ich konnte es nicht zum Laufen bringen, nachdem ich es versucht hatte. Dies ist das einfache CSS, mit dem ich eine benutzerdefinierte Schriftart importiere. Ich benutze dies auch mit Bootstrap.

@font-face {
    font-family: Montserrat-Black;
    src: url(Montserrat-Black.otf);
}

Es funktioniert nicht in IE11 selbst. Bitte hilf mir. Vielen Dank.

6
Kristie Matthew

Internet Explorer verwendet das EOT-Format (Legacy) oder Woff. Siehe MSDN

Aniway verwende ich diesen Code für maximale Kompatibilität:

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
15
Germano Plebani

Versuchen Sie, das .eot-Dateiformat für Internet Explorer zu verwenden. So etwas wie:

@font-face {
    font-family: Montserrat-Black;
    src: url('Montserrat-Black.eot');
    src: url('Montserrat-Black.otf');
}
5
cakan

IE11: Wenn Sie den Fehlercode CSS3114 in dev tools erhalten, müssen Sie die ersten Bits der Schriftartdatei ändern. Dadurch kann IE die Schriftart installieren.

Npm-Modul: Sie können das ttembed-js npm-Modul verwenden, das die Änderungen für Sie vornimmt. https://www.npmjs.com/package/ttembed-js

Verwendung: ttembed-js path/to/Montserrat-Black.otf

1
Arlo Carreon

Wenn Sie dieses Problem haben und Ihre Anwendung unter IIS ausgeführt wird, versuchen Sie, die richtigen MIME-Typen in Ihrer web.config hinzuzufügen, wie der SO-Benutzer Martin Buberl in diesem Kommentar erklärt hat.

Da diese Frage der erste Treffer bei meiner Suche war, möchte ich die Lösung anbieten, die ich gefunden habe:

Paul Irishs Bulletproof @ font-face Syntax

Oder verwenden Sie einfach den Generator unter FontSquirrel.com http://www.fontsquirrel.com/fontface/generator . Sie bieten auch die "eine CSS-Syntax, um sie alle zu beherrschen" in dem von ihnen erstellten Font-Kit.

0
richb-hanover