28172 sujets

CSS et mise en forme, CSS3

[Résolu] Problème avec @font-face, police .eot et Internet Explorer

Bonjour,

Je n'arrive pas à afficher la police « Hand Me Down S (BRK) » sous IE.

Dans mon exemple, la 1ère police s'affiche mais pas la 2ème.

Avez-vous déjà lu quelque part que certaines polices ne sont pas compatibles, quoi qu'on fasse ?

Merci pour votre aide ; je m'arrache les cheveux.

Mon exemple est aussi disponible en ligne (pour les fichiers) : http://www.nagadoudi.info/misc/polices/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr-FR" lang="fr-FR">
<head>
    <style type="text/css">
        /* Définition polices (hors IE) */
        @font-face {
            font-family: "Ma police 1";
            src: url('jenkinsv.ttf');
        }
        @font-face {
            font-family: "Ma police 2";
            src: url('handmeds.ttf');
        }
        /* On applique */
        p.un {
            font-family: "Ma police 1";
        }
        p.deux {
            font-family: "Ma police 2";
        }

    </style>
    <!-- Définitions polices pour IE-le-boulet -->
    <!--[if IE]>
    <style type="text/css">
    @font-face {
        font-family: "Ma police 1";
        src: url("jenkinsv.eot");
    }
    @font-face {
        font-family: "Ma police 2";
        src: url("handmeds.eot");
    }
    </style>
    <![endif]-->
</head>
<body>
    <p class="un">
        Sous IE, ce texte s'affiche bien en « Jenkins v2.0 ».
    </p>
    <p class="deux">
        Sous IE, ce texte ne s'affiche pas en « Hand Me Down S (BRK) ».
    </p>
</body>
</html>

Modifié par nagadoudi (10 Jan 2011 - 19:37)
Je me suis encore arraché des cheveux sur ce problème aujourd'hui. Et avec le froid qu'on a, je commence à cailler du crâne.

Personne ne peut m'aider ? Silvouplééééé.
Sujet clos
Aller à