Besoin d'aide, un code ne fonctionne pas avec IE

L’auteur de ce sujet a trouvé une solution à son problème.
Auteur du sujet

Bonsoir,

J’essaye d’afficher du texte en lettres grecques dans ma page web à l’aide d’une police de caractères.
Tout fonctionne très bien avec Firefox et Google Chrome, mais pas avec Internet Explorer :

Aperçu de la page web avec Firefox ou Google Chrome
Aperçu de la page web avec Firefox ou Google Chrome
Aperçu de la page web sous IE
Aperçu de la page web sous IE

Que pourrais-je faire pour remédier à ce problème ?

Code de la page HTML et son CSS :

<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <title>test</title>
    <link rel="stylesheet" href="style.css">

</head>
<body>

    <p>Petite phrase de test</p>

</body>
</html>

@font-face
{
    font-family: 'AteneNormal';
    src: url('AteneNormal.ttf');
}

html
{
    color: blue;
    font-family: 'AteneNormal';
}
+0 -0

Quelle version d’IE ?

Si inférieure à 9, les font-face ne sont pas supportés ; sinon, il faut que la fonte soit marquée "installable" pour faire fonctionner du TTF.

« Il n’était même pas sûr d’être en vie puisqu’il vivait comme un mort. » – Albert Camus, L’étranger

+1 -0
Auteur du sujet

Merci, je travaille avec la version la plus récente d’IE.

il faut que la fonte soit marquée "installable" pour faire fonctionner du TTF.

Pourrais-tu m’expliquer ce passage, je n’ai pas tout compris ?

+0 -0

Sinon, la meilleur méthode, c’est d’utiliser directement des caractères grecques.

Πετιτε φραζε δε τεστε

ache.one                 🦹         👾                                🦊

+0 -0
Auteur du sujet

De mémoire, Internet Explorer ne supporte pas les mêmes format de police, et donc ton fichier CSS nécessite une particularité pour supporter Internet Explorer.

A-312

J’ai ajouté format('truetype') comme conseillé dans la documentation juste après url(’AteneNormal.ttf’) mais cela n’a pas fonctionné.

Sinon, la meilleur méthode, c’est d’utiliser directement des caractères grecques.

Πετιτε φραζε δε τεστε

ache

En fait malheureusement cette option n’est pas possible car dans le jeu, l’utilisateur doit pouvoir sélectionner le texte et ainsi le traduire en français.

+0 -0
Vous devez être connecté pour pouvoir poster un message.
Connexion

Pas encore inscrit ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte