@font-face qui ne se chargent pas de la police

Je suis en train d'utiliser @font-face et pour quelque raison il est ne pas travailler (IE9, Chrome et Firefox). J'ai fait en sorte que je suis pointant vers le répertoire correct lors du chargement de la police cependant il ne semble pas encore au travail.

Voici mon code:

@font-face{
font-family: 'test';
src: url('../fonts/FontName.ttf'),
         url('../fonts/FontName.eot');
font-weight: normal;
font-style: normal;
}

Et de l'appeler:

#header{
text-align:left;
padding: 10px;
font-family:test;
}

Ce que je fais mal?

Vous avez deux noms de dossier, font et fonts. Faire les deux existent? Et sont à la fois un répertoire de votre fichier CSS?
paulirish.com/2009/bulletproof-font-face-implementation-syntax
J'ai fait ça dans mon vrai code (Après avoir demandé) et il n'est toujours pas de charge.
Je voudrais utiliser un outil comme Fiddler2, les Outils de développement F12 (IE), ou les Outils de développement de Chrome pour chercher 404 réponses à essayer de charger les fichiers de police. Peut-être le chemin d'accès n'est pas ce que vous pensez qu'elle est.
J'ai répondu à une question similaire ici: stackoverflow.com/questions/14287465/font-face-not-loaded/...

OriginalL'auteur ReallyGoodPie | 2013-01-31

  1. 7

    Internet Explorer utilise la version .woff de la police, ce qui n'est pas utilisé par vous-même dans le code, au lieu d'utiliser la version .eot. J'ai utilisé le @font-face generator outil de fontsquirrel pour obtenir toutes les polices différentes variations

    La sortie doit ressembler à quelque chose comme ceci:

    @font-face{
font-family: 'test';
src: url('../fonts/FontName.eot'),
     url('../fonts/FontName.eot?#iefix') format('embedded-opentype'),
     url('../fonts/FontName.woff') format('woff'),
     url('../fonts/FontName.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

    OriginalL'auteur Alexander44

  2. 1

    en plus de ce que les gens disent sur les différents types de polices (et à l'aide de la format() élément avec url()), il serait également utile de vérifier votre css inhertiance pour s'assurer que rien n'est réglage #header ou les éléments à l'intérieur pour font-weight: bold. Puisque vous ne spécifiez un poids normal/normal style de police, si quelque chose qui le rend gras, la police de ne pas s'afficher.

    OriginalL'auteur Peter Elliott

  3. 0

    Essayez ceci:

    @font-face{
font-family: 'test';
src: url('../fonts/Minecraft.ttf'),
         url('../fonts/minecraft.eot');
font-weight: normal;
font-style: normal;
}

    Dans votre code, vous avez deux dossier: polices et, dans mon exemple j'ai utilisé les polices

    Non j'ai changer de police de caractères, les polices @ReallyGoodPie
    oh, le dossier de police, j'ai changé dans mon vrai code, il ne change pas
    De retour à l'erreur? si vous avez le dossier des polices dans un autre dossier, je ne sais pas
    Ressources interprété comme de la Police, mais transféré, avec le type MIME application/octet-stream: "fichier:///C:/Users/<utilisateur>/Desktop/Site web/fonts/Minecraft.ttf".

    OriginalL'auteur Alessandro Minoccheri

  4. 0

    Exécuter vos polices à travers le FontSquirrel générateur et il va les convertir en différents formats pris en charge par les différents navigateurs.

    Il devrait également vous donner une goutte de CSS que vous pouvez utiliser, il suffit de régler les chemins d'accès aux fichiers de police.

    http://www.fontsquirrel.com/fontface/generator

    ok, j'ai fait cela, et je les ai mis dans mon dossier de polices, de copier le css (édité à regarder dans le dossier de police) et il semble fonctionner parfaitement dans l'exemple, mais sur ma page, j'obtiens un "Échec du chargement de la ressource"

    OriginalL'auteur Steph

  5. -1

    Jeu facile. Lors du chargement, vous devriez le nom entre':

    font-family: 'test';

    Ce sera sûrement travail.

    OriginalL'auteur hma111