Font-Face ne sont Pas chargés

Je suis en utilisant certains des costumes les Polices dans mon site web mais j'ai eu le probleme avec un il n'est pas chargé et je ne peux pas comprendre le problème, voici le code :

@font-face { 
    font-family: OuachitaWayWbw; 
    src: url('fonts/Ouachita Way Wbw.ttf') format("truetype") ; 
    font-family: 'ChromeYellowNF'; 
    src: url('fonts/Chrome Yellow NF.ttf');
}

#name { 
    font-size:26px; 
    font-family: 'OuachitaWayWbw'; 
    padding-top:30px; 
    color:#000000; 
    margin-bottom:20px; 
}

La ChromeYellowNF de l'œuvre. j'ai également essayé de mettre chacun dans diffirent Font-face, mais n'a pas fonctionné.

InformationsquelleAutor Chlebta | 2013-01-11
  1. 7

    Vous devez avoir un @font-face déclaration pour chaque police:

    @font-face { 
  font-family: OuachitaWayWbw; 
  src: url('fonts/Ouachita Way Wbw.ttf') format("truetype") ; 
}
@font-face { 
  font-family: ChromeYellowNF; 
  src: url('fonts/Chrome Yellow NF.ttf');
}

    Les apostrophes ne sont pas nécessaires.

    Si vous êtes désireux d'utiliser des polices personnalisées pour IE9, vous devrez également fournir une ".eot" fichier de police. http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp

    EDIT: Ok, les différents navigateurs ont des façons différentes de mettre en œuvre des polices:

    @font-face {
   font-family: OuachitaWayWbw; 
   src: url('fonts/Ouachita Way Wbw.ttf') format("truetype"),
        url('fonts/Ouachita Way Wbw.woff') format("woff");
   src: url('fonts/Ouachita Way Wbw.eot');
}

    Vous pouvez également ajouter les types suivants d'une .htaccess/IIS:

    AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff

    Prises à partir d'ici: font-face avec le mauvais type MIME dans Chrome

    • même de cette façon Dosn fonctionne pas :/
    • J'ai fait quelques test et regardez ce que j'ai : Resource interpreted as Font but transferred with MIME type application/octet-stream
    • J'ai édité mon post ci - dessus je pense que vous devez le bon format de police dans le navigateur que vous utilisez et aussi besoin de la des types une .htaccess ou pour les types MIME dans IIS.
    InformationsquelleAutor 97ldave
  2. 2

    Pas sûr de cela, mais il semble que votre police-nom de famille devrait probablement être entre guillemets. Aussi, vous pouvez essayer de mettre chaque police dans leur propre @font-face déclaration. Cela devrait résoudre votre problème. Je pense que c'est la prise du dernier font-family spécifié dans le @font-face déclaration.

    @font-face { 
  font-family: 'OuachitaWayWbw'; 
  src: url('fonts/Ouachita Way Wbw.ttf') format("truetype") ; 
}
@font-face { 
  font-family: 'ChromeYellowNF'; 
  src: url('fonts/Chrome Yellow NF.ttf');
}

#name {
    font-size:26px; 
    font-family: 'OuachitaWayWbw'; 
    padding-top:30px; 
    color:#000000; 
    margin-bottom:20px; 
}
    • J'ai déjà fait mais sans résultat. et pour les guillemets parce que j'ai fait beaucoup de changement donc j'ai oublié le réécrire.
    • J'ai fait quelques test et regardez ce que j'ai : Resource interpreted as Font but transferred with MIME type application/octet-stream
    InformationsquelleAutor Jesse Kinsman