Verwendung von @import für google fonts funktioniert nicht bei internet explorer

Hey Leute, ich versuche, verwenden Sie google fonts auf meiner Webseite, aber ich habe ein Problem mit dem internet explorer.
Ich bin mit @import ein, und wenn ich das google sehe ich, dass die Menschen diese Art der Nutzung:

@import url('http://fonts.googleapis.com/css?family=Open+Sans');

die Sache ist, dass der link, den ich hab sieht so aus:

@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);

wenn ich mein web auf DH es ist gar kein text.

muss ich die webfont-Dateien? oder gibt es eine Möglichkeit dieses Problem zu beheben?

InformationsquelleAutor Guy Aston | 2014-05-02
  1. 41

    Hia
    Ich habe das gleiche Problem, also ich ' ve erstellt ein neues web-version dieser schriftart, die Super funktioniert mit dem IE.
    Sie können es Hier herunterladen:
    http://assafk.com/staff/open_sans_hebrew/Opes_Sans_Hebrew_Fixed.rar
    Danke!
    Assaf

    Sie nach dem herunterladen die Dateien in der rar, fügen Sie die folgende css verwenden:

    @font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 300;
    src: url(opensanshebrew-lightitalic-webfont.eot);
    src: url(opensanshebrew-lightitalic-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-lightitalic-webfont.woff) format('woff'),
    url(opensanshebrew-lightitalic-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 300;
    src: url(opensanshebrew-light-webfont.eot);
    src: url(opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-light-webfont.woff) format('woff'),
    url(opensanshebrew-light-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 400;
    src: url(opensanshebrew-italic-webfont.eot);
    src: url(opensanshebrew-italic-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-italic-webfont.woff) format('woff'),
    url(opensanshebrew-italic-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 400;
    src: url(opensanshebrew-regular-webfont.eot);
    src: url(opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-regular-webfont.woff) format('woff'),
    url(opensanshebrew-regular-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 700;
    src: url(opensanshebrew-bolditalic-webfont.eot);
    src: url(opensanshebrew-bolditalic-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-bolditalic-webfont.woff) format('woff'),
    url(opensanshebrew-bolditalic-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 700;
    src: url(opensanshebrew-bold-webfont.eot);
    src: url(opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-bold-webfont.woff) format('woff'),
    url(opensanshebrew-bold-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: italic;
    font-weight: 800;
    src: url(opensanshebrew-extrabold-webfont.eot);
    src: url(opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-extrabold-webfont.woff) format('woff'),
    url(opensanshebrew-extrabold-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 800;
    src: url(opensanshebrew-extrabold-webfont.eot);
    src: url(opensanshebrew-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-extrabold-webfont.woff) format('woff'),
    url(opensanshebrew-extrabold-webfont.ttf) format('truetype');
}
    • Dies sollte die richtige Antwort. danke Mann
    • funktioniert Super, aber es fehlte woff2-Datei-format
    • Toda Raba! Du hast mich gerettet
    • כל הכבוד! מלך!!
    • Dies sollte die akzeptierte Antwort.
    • es funktioniert, aber ist schwer auf die Website laden. diese Linie war für mich, aber die Schrift sieht schlecht aus @import url(fonts.googleapis.com/earlyaccess/alefhebrew.css);
    • איזה אלוף אתה... תודה גבר
    • Geil, Danke Mann!
    • Ich habe vor kurzem bemerkt, diese verbesserte version hat ein buggy extra-bold Gewicht. Die Buchstaben sind falsch ausgerichtet und es sieht einfach schlecht. Andere GEWICHTE betroffen sein könnten.
    • Vielen Dank, tolle Arbeit.

    InformationsquelleAutor Assaf Katz
  2. 3

    Sheriffderek Recht ist in den Kommentaren auf eine dieser Antworten - , du solltest dich nicht mit @import - aber nicht erklären, ihn/Sie selbst. Sie haben wahrscheinlich eine cross-domain-Problem und IE und Firefox blockiert remote-Anfragen wie diese. Sie verknüpfen die Inhalte geben Sie mit Ihrer Fernbedienung bitte so, dass es nicht blockiert ist.

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

    Den 'type' parameter hier ist der Schlüssel - es ist, was ermöglicht die remote-request passiert im IE und FF. CSS ist erlaubt, das zu tun diese Art von cross-domain-linking, wie es ist, beurteilt von der W3C-Götter zu einem niedrigen Sicherheitsrisiko.

    Überprüfen Sie diese links für weitere Informationen über CORS:

    • Das ist nicht das Problem alle haben. Assaf Katz hat es Recht.
    • Was hat das zu tun mit einer @import-Deklaration ?
    • die O. P. nicht mit @import. Und wenn Sie nicht verwenden, zu importieren, müssen Sie sicherstellen, dass Sie die type param in der remote-stylesheet-Deklaration, so dass Sie sich nicht gegen CORS.
    InformationsquelleAutor staypuftman
  3. 1

    Warum nutzen Sie nicht :

    <link href='link-to-your-css/file.css' rel='stylesheet' type='text/css'>

    Nicht die Verwendung von @import

    • <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    • Ich glaube, du verpasst den Punkt. Überprüfen Sie heraus die schriftart Seite: google.com/fonts#UsePlace:use/Collection:Open+Sans
    • Warum nicht die Verwendung von @import! dann, wie tun Sie hinzufügen möchten, CDN fonts wordpress?
    InformationsquelleAutor Dev'Hamz
  4. 1

    Dies ist ein problem mit der Open Sans Hebräisch Schrift selbst ein problem gemeldet worden ist, mehrere Male auf die Google Fonts Early-Access-Diskussionen forum, keine Lösung gepostet so weit. Erwägen Sie die Verwendung einige andere "Early Access" (d.h., experimentanl) schriftart wie Hebräisch Alef.

    • Ich bin mir ziemlich sicher, dass ist das Problem. ich habe versucht, hochladen mein web ohne Verlinkung die Schriften überhaupt (ich habe Sie heruntergeladen und lokal auf meinem PC), und trotzdem bekomme ich nur diese Frage auf explorer. auf chrome, FF, opera und safari funktioniert es auch. danke!
    • Siehe @Assaf Katz ' Antwort, er löste es für mich. Vielleicht ändern Sie es akzeptiert?
    InformationsquelleAutor Jukka K. Korpela
Schreibe einen Kommentar