@font-face ie problèmes

J'ai essayé plusieurs façons d'inclure les polices de caractères dans le CSS. Je sais que j'ai besoin de l'eot version de la police pour travailler sur IE, mais je n'arrive pas à la reconnaître. J'ai utilisé la police de l'écureuil convertir les polices de caractères, et j'ai mis le .eot fichier et .la fto fichier dans un dossier appelé "polices" Voici mon CSS:

@font-face {
    font-family: BebasNeue;
    src: url('fonts/BebasNeue.eot');
    src: url('fonts/BebasNeue.otf') format("opentype");
}

Mise à JOUR
Donc, par le biais de suggestions à partir de ci-dessous, j'ai été amené à ce site: http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax

J'ai utilisé le CSS:

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

Puis je me suis remis à la Police de l'Écureuil, téléchargé le kit de frais, et renommé tout correctement, et cela a fonctionné.

Peut-être que certains problème de chemin d'accès. Le chemin doit être relatif à la CSS de l'url. Alors, quand le CSS est dans un dossier " css "et les polices sont dans le dossier "onts", vous devez écrire url('../fonts/[...]')
ok je vais essayer cela maintenant, mais pourquoi serait-il travailler pour les autres types de police et de pas la .eot fichier?
semble comme les chemins sont corrects pour moi, mon fichier css est dans mon dossier principal avec tous mes .php les fichiers, alors il y a un dossier appelé polices

OriginalL'auteur radleybobins | 2012-03-14

  1. 5

    Vous devez définir Access-Control-Allow-Origin-Tête HTTP pour cette

    Voir ici:

    IE9 blocs de téléchargement de la croix-origine de polices web

    Fait ce travail?

    @font-face {
    font-family: 'BebasNeue';
    src: url('fonts/BebasNeue.eot');
    src: url('fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue.otf') format("opentype");
}

    Sur Fontsquirrel ils le font de cette façon

    http://www.fontsquirrel.com/fontfacedemo/bebas-neue

    Télécharger le @font-face kit à partir de là

    @font-face {
    font-family: 'BebasNeueRegular';
    src: url('/utils/load_demo_font.php?font=960/BebasNeue-webfont.eot');
    src: url('/utils/load_demo_font.php?font=960/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/utils/load_demo_font.php?font=960/BebasNeue-webfont.woff') format('woff'),
         url('/utils/load_demo_font.php?font=960/BebasNeue-webfont.ttf') format('truetype'),
         url('/utils/load_demo_font.php?font=960/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
    à droite, c'est comment il est venu, mais j'avais changé les noms de fichier...je vais retourner et essayer de cette façon.
    La police de l'écureuil n'est pas de Type Ouvert pour BebasNeue
    J'ai téléchargé la police
    Êtes-vous sûr que IE prend en charge? webfonts.info/wiki/index.php?title=@font-face_browser_support
    cela n'a toujours pas de travail. J'ai l'original .la fto fichier, c'est ce que firefox et chrome ont été en utilisant

    OriginalL'auteur yunzen

  2. 1

    Ce code devrait le faire fonctionner..
    si non, vérifiez votre police de caractères de l'URL (si elle existe).

    @font-face {
  font-family: 'BebasNeue';
  src: url('fonts/BebasNeue.eot');
  src: local('BebasNeue'), local('BebasNeue'), url('fonts/BebasNeue.eot') format('embedded-opentype');
}
    Alors quand j'ai essayé, j'ai eu une erreur dans IE CSS3111: @font-face a rencontré une erreur inconnue. BebasNeue.eot.eot...j'ai enlevé un de la .eot et eu une erreur similaire.
    Le fichier existe certainement dans l'emplacement du fichier

    OriginalL'auteur Alaa Badran

  3. 0

    Parfois, quand vous convertir le type de police (autres que le TTF) la police ne fonctionne pas.. Essayez d'utiliser la police TTF et de le convertir..

    Je n'ai pas d'expérience avec les polices TTF.. mais je l'ai fait avec d'autres types de police.

    ok, je vais essayer maintenant, merci
    J'obtiens le même résultat

    OriginalL'auteur Alaa Badran

  4. 0

    C'est le css que j'ai pour Bebas sur notre site (pas Nouveau), mais notez l'URL:

    @font-face {
    font-family: 'Bebas';
    src: url('../fonts/bebas-webfont.eot');
    src: url('../fonts/bebas-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebas-webfont.ttf') format('truetype'),
         url('../fonts/bebas-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

    OriginalL'auteur Devon Huxtable