1. Forums
  3. Archives
  5. Versions stables
  7. Joomla 1.5
  9. Discussions générales
  11. problème @font-face et firefox 3.6
× Questions relatives à l'utilisation de cette version.

Question problème @font-face et firefox 3.6

Plus d'informations
16 Mar 2010 15:41 #1 par totophe
problème @font-face et firefox 3.6 a été créé par totophe
bonjour

testant le @font-face, il se trouve que curieusement j'ai réussi à le faire fonctionner correctement sous IE7 mais pas sous firefox 3.6, ayant pourtant téléchargé un format woff.

en fait sous firefox, la police demandé (ici Andyb) s'affiche, mais me décale tout le reste du site vers le bas

je précise que je tourne en local (apprentissage) avec xampp et joomla 1.5.15

ci joint mon code css si cela peut aider :
@font-face {
font-family: 'andy';
src: local('Andy'), local('Andy-Bold'), url('../fonts/Andyb.ttf'), url('../fonts/Andyb.woff') format('woff') format('truetype');
}
.andy {
font-family:andy, sans-serif;
font-size:26px;
text-align:center;
color:#000000;
}
html {
text-align:center;
}
body {
padding: 0px;
margin: 0 auto;
background: #043231 url(../images/fnd.jpg);
color: #FFF;
font-family:  Arial, helvetica, tahoma, sans-serif;
font-size : 14px;
text-align: center;
}
 
#global {
position:absolute;
margin: 0 auto;
width: 960px;
left: 50%;
top: 50%;
margin-top: -325px;
margin-left: -480px;
text-align: center;
height:650px;
border: 1px solid #ffffff;
}
 
 
#header {
height:150px;
width:900px;
margin: 0 auto;
background: #666;
}
#top {
background:none;
margin: 0 auto;
height:60px;
width:600px;
}
#bodymiddle {
background:#666;
width:960px;
height:400px;
margin: 0 auto;
}
#bas {
width:960px;
height:30px;
margin: 0 auto;
padding-top: 10px;
background: transparent;
text-align: center;
}

vu que j'apprends, la classe andy n'est appliquée qu'à une phrase, ci joint la partie du code concernée:
<div id="top">
<p class="andy">Tararata</p>
</div>

merci par avance si quelqu'un a une piste

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
17 Mar 2010 10:46 #2 par lavsteph
Réponse de lavsteph sur le sujet Re: problème @font-face et firefox 3.6
Bonjour,

je ne suis pas spécialiste en css, mais voilà quelques infos qui pourrait être intéressantes.

developer.mozilla.org/en/CSS/@font-face
www.w3.org/TR/css3-webfonts/#font-descriptions

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
17 Mar 2010 10:48 #3 par totophe
Réponse de totophe sur le sujet Re:problème @font-face et firefox 3.6
bonjour
merci de la piste, je vais lire tout cela
j'ai déjà gagné un peu avec un magin:0; ;)

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
17 Mar 2010 11:09 #4 par lavsteph
Réponse de lavsteph sur le sujet Re:problème @font-face et firefox 3.6
Avec firefox tu peux trouver de l'aide avec les plugins Firebug et Webdevelopper. ;)

Connectez-vous ou Créer un compte pour participer à la conversation.

Droit d'accès du forum

  • Vous ne pouvez pas: Créer un nouveau sujet.
  • Vous ne pouvez pas: Répondre au sujet.
  • Vous ne pouvez pas: Éditer votre message.
Modérateurs: lavsteph, tramber91, Scottux, serge
  1. Forums
  3. Archives
  5. Versions stables
  7. Joomla 1.5
  9. Discussions générales
  11. problème @font-face et firefox 3.6
Temps de génération de la page : 0.318 secondes