28172 sujets

CSS et mise en forme, CSS3

@font-face ne fonctionne pas sous Firefox 5

Bonjour à tous !

Première chose, je suis par avance désolé de recréer un nième post sur le sujet, mais je n'ai pas trouvé ma solution dans ceux déjà ouverts sur ce forum. J'ai également rechercher sur Google sans succès.

J'utilise Firefox 5.0, et je développe un site en CSS 3 avec du @font-face.

voici mon doctype :
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <link rel="apple-touch-icon" href="images/iphone_icone.png"/>
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/home.css" />
    <script src="scripts/jquery.js"></script>
    <script src="scripts/main.js"></script>
</head>

<body>
...


Voici mon CSS :

@font-face { 
    font-family: 'Aldo'; 
    src: url('../images/aldo.ttf') format('truetype');
}

...

#menu LI A {
    display: block;
    color: white;
    font-family: 'Aldo', Tahoma, Arial;
    font-size: 22px;
    margin: 0;
    text-align: center;
    height: 54px;
    line-height: 54px;
    transition: all 0.3s ease;
}


le fichier TTF est bien dans mon sous-dossier /images/

Voici le résultat sur différents navigateurs :
Chrome = OK
IE9 = OK
Opera = OK
Safari = OK
Firefox 5.0 = KO

J'ai testé toutes les astuces des autres topics sur le même sujet, rien y fait Smiley decu

Si qq'un à une solution ou même une piste, je suis preneur Smiley cligne
Modifié par Dionyzos (25 Jul 2011 - 14:45)
Merci pour ta réponse, mais déjà testé, et ça ne fonctionne pas plus. Smiley ohwell

Par contre j'ai fait un test en mettant un chemin absolut du type :


@font-face {  
    font-family: 'Aldo';
    src: url('http://localhost/mon_site/images/aldo.ttf') format('truetype');
}


Et la ça fonctionne aussi sous Firefox. l'ennui c'est que je préfère avoir un chemin relatif car mon site ne sera pas toujours en local, mais sur un serveur de prod. Donc je vais pas m'amuser à changer le chemin absolut à chaque fois que je déploie une nouvelle version de mon site Smiley sweatdrop

Ah oui, et autre info, ce code marchait avant que je fasse la mise à jour de FF3 à FF4...
Modifié par Dionyzos (25 Jul 2011 - 14:51)
Sujet clos
Aller à