28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Premier message sur ce forum, même si j'ai l'habitude de vous lire souvent.
Ma question concerne le CSS 3 et plus particulièrement @font-face.

Je n'ai pas trouvé de réponse à mon problème sur le Web, donc je vous le soumet ici :
Mon code fonctionne dans tous les navigateurs sauf sur Firefox (ni Mac ni PC) et apparemment je l'ai bien écris correctement.
Le voici :

@font-face{
font-family:MyFont;
src:url('MyFont.ttf') format('truetype'),
url('MyFont.woff') format('woff'),
url('MyFont.otf') format('otf'),
url('MyFont.eot') format('eot');
font-weight:lighter
	}


span{
	   color:#FFF;
	   font-family:MyFont;
	   font-size:12px;
	}


Voyez-vous d'où peut venir le problème ?

Merci
Modifié par Jambo (28 Mar 2012 - 09:18)
Modérateur
Bonjour, as-tu un exemple en ligne?

sinon font-weight: lighter ça n'a pas de sens dans la définition du style. (The 'bolder' and 'lighter' values select font weights that are relative to the weight inherited from the parent)

Autrement dit c'est une valeur relative. Et ça na pas de sens de dire que cette police est "plus fine que".

Et insère le nom de ta famille comme une chaîne de caractères:

font-family: 'Myfont';
Modifié par kustolovic (28 Mar 2012 - 09:29)
ok bien noté pour le font-weight.
J'ai essayé la chaine de caractère mais rien de mieux.
Pas d'exemple en ligne désolé.