- Forums
- Archives
- Versions stables
- Joomla 1.5
- Discussions générales
- problème @font-face et firefox 3.6
×
Questions relatives à l'utilisation de cette version.
Question problème @font-face et firefox 3.6
- totophe
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 2
- Remerciements reçus 0
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 :
vu que j'apprends, la classe andy n'est appliquée qu'à une phrase, ci joint la partie du code concernée:
merci par avance si quelqu'un a une piste
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.
- lavsteph
- Hors Ligne
- V.I.P
- Fondateur
Réduire
Plus d'informations
- Messages : 9394
- Remerciements reçus 500
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
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.
- totophe
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 2
- Remerciements reçus 0
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;
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.
- lavsteph
- Hors Ligne
- V.I.P
- Fondateur
Réduire
Plus d'informations
- Messages : 9394
- Remerciements reçus 500
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
- Forums
- Archives
- Versions stables
- Joomla 1.5
- Discussions générales
- problème @font-face et firefox 3.6
Temps de génération de la page : 0.534 secondes