Discussion :

[20cents]

Bonsoir à tous,

Je suis en train de réaliser une "copie" de mon site web en projet actuel en HTML5 et CSS3.

Le seul hic rencontré pour l'instant en dehors de la non compatibilité avec Explorer, c'est le @font-face !

En effet, il fonctionne parfaitement sur Safari, Chrome, mais pas sur Firefox (3.6).

Alors qu'apparemment, en parcourant le web, j'ai lu qu'il était totalement possible pour Firefox d'afficher ce type de requête.

Voillà la ligne css correspondante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
 
@font-face {
	font-family: 'NewRegular';
	src: local('NewRegular'), local('ImpactLabel'), url('fonts/ImpactLabel.ttf') format('truetype');
}

J'ai d'abord pensé à un probleme .otf >< .ttf mais sur d'autre site, le ttf fonctionne très bien, en regardant le code source.

Merci de bien vouloir m'éclairer

Merci d'avance

[cssman]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
@font-face {
 font-family:ImpactLabel;
 src:url(fonts/ImpactLabel.ttf) format("truetype");
 }

[20cents]

:
Bonsoir,

Merci pour l'aide

Ca ne fonctionne toujours pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
@font-face {
 	font-family:"ImpactLabel";
 	src:url("fonts/ImpactLabel.ttf") format("truetype");
}
 
header h1 {
	font-family: "ImpactLabel";
	font-size:36px;
	color: white;
	text-shadow: 0px 0px 5px #fff;
}

Je comprend pas, ca fonctionne sur Safari et Chrome !

[cssman]

C'est une faute de frappe ou il manque un . ou un # avant header ?

[Macmillenium]

C'est une faute de frappe ou il manque un . ou un # avant header ?

Je suis en train de réaliser une "copie" de mon site web en projet actuel en HTML5 et CSS3.

HEADER est un nouveau élément HTML 5.

@20cents : As-tu vérifié sur firebug (onglet réseaux) si la font a été chargée ?

[20cents]

Merci pour l'aide

Comment ca ?

Je l'ai directement uploadée sur mon FTP. Et comme j'ai dit elle s'affiche correctement avec Safari et Chrome.

Enfin, que veux-tu dire "si la font a été chargée" ?

Merci