Dienstag, Februar 18, 2020

I Cant get @font-face arbeiten, für internet explorer 11

Ich habe versucht, verwenden Sie eine benutzerdefinierte schriftart … es scheint zu funktionieren auf alles, aber nicht internet explorer 11. Bin ich etwas fehlt hier ganz einfach um diese Arbeit zu machen?

@font-face {
font-family: 'comfortaa';
src: url('Comfortaa.eot'); /* IE9 Compat Modes */
src: url('Comfortaa.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/Comfortaa_Regular.ttf.woff') format('woff'), /* Modern Browsers */
     url('../fonts/Comfortaa_Regular.ttf')  format('truetype'), /* Safari, Android, 
   iOS    */
     url('../fonts/Comfortaa_Regular.svg') format('svg'); /* Legacy iOS */


}

@font-face {
font-family: 'comfortaabold';
src: url('Comfortaa-Bold.eot'); /* IE9 Compat Modes */
src: url('Comfortaa-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/Comfortaa-Bold.ttf.woff') format('woff'), /* Modern Browsers */
     url('../fonts/Comfortaa-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/Comfortaa-Bold.svg') format('svg'); /* Legacy iOS */


}
  • Ich habe irgendwo gelesen, könnte ich verschieben müssen, um die schriftart, die woanders vielleicht die oberste Ebene der Website?

2 Kommentare

  1. 1

    Wenn Sie ein neues Code, vielleicht die einfachste Lösung ist, die schriftart einbetten, indem Sie in den Anfang Ihres <head> tag wie diesem:

    <link href='http://fonts.googleapis.com/css?family=Comfortaa:700' rel='stylesheet' type='text/css'>
    

    Gibt es mehrere ähnliche Fragen gestellt und beantwortet, die helfen können Sie beheben:

    Ist es ratsam, eine Suche, bevor Sie eine Frage stellen.

    Wenn Sie möchten, um Ihre Website zu testen im Explorer auf einem Mac, gibt es auch Fragen und Antworten für die. Diese sollte gut funktionieren wenn Sie mehrere GBs zu ersparen. Wenn nicht, können Sie Blick in die neuen Azure RemoteApp für Windows, Mac OSX, iOS oder Android-Geräte.

  2. 1

    Dies funktioniert gut für IE 11

        @font-face
        {
            font-family: "MyFont_Lite";
            src: url("../Fonts/myfont.ttf") format("truetype");
            src: url("../Fonts/myfont.woff") format("woff");
        }
    

Kostenlose Online-Tests