28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Aujourd'hui j'ai décidé d'attaquer mon site internet après de nombreuses heures sur PS. Pour tester quelques propriétés du CSS3 je décide d'utiliser @font-face mais c'est ici que le problème commence.

Contrairement à son homologue IE 10 Firefox ne veut pas m'afficher ma police personnalisée. J'ai lu pas mal de sujet, j'ai vidé le cache de FF, redémarrer mais rien à faire !

Le code est très basique :


<div id="header">
	<h1><span>Mon super site</span></h1>
</div>



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

h1{
font-family: airstream,sans-serif;
}


C'est à rien n'y comprendre Smiley biggol

Quelqu'un aurais une idée (ou des idées) ?

Merci pour votre aide et bon WE.
Modifié par John Wayne (23 Jun 2012 - 20:20)
Salut, je crois que ta déclaration est incomplète. Si cela peut t'aider, voici un exemple qui fonctionne chez moi.
@font-face {
	font-family: 'Comfortaa';
	font-style: normal;
	font-weight: 400;
	src: local('Comfortaa'), local('Comfortaa-Regular'), url('http://themes.googleusercontent.com/static/fonts/comfortaa/v4/qLBu5CQmSMt1H43OiWJ77T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff');
}

Et son utilisation en CSS :
nav ul li a h1 {
		font					: 26px 'Comfortaa', Arial, sans-serif;
		letter-spacing			: 0;
		color					: white;
}
Salut !

Merci pour ta réponse mais ma déclaration était bonne, j'ai désinstallé Firefox et réinstaller une version clean et ma fois sa marche des fois il faut pas chercher à comprendre Smiley ravi

M'enfin maintenant tout roule et c'est tant mieux.

Je passe en résolu Smiley smile