[Résolu] Avoir une font bold avec @font-face et .ttf

Bonjour à tous,
Je préviens de suite, c'est une question de débutant !
Je souhaite utiliser une règle @font-face avec la police Skia, au format TTF
Voici ma déclaration :

@font-face {
		font-family: "Skia";
		src: url('Skia.ttf');
	}
	h1 {
		font-family: Skia;
	}

Avec une application simple :

<h1>Lorem ipsum...</h1>

Mon problème est que je souhaite avec cette police en gras. Et je ne sais pas comment faire !
Je ne sais pas comment accéder, comment utiliser le style bold !
Si j'indique ceci :

@font-face {
		font-family: "Skia";
		src: url('Skia.ttf');
		font-weight: bold;
	}
	h1 {
		font-family: Skia;
		font-weight: bold;
	}

Rien ne change à l'affichage, pas de gras !
Quelle est mon erreur ?
Merci de votre aide
Modifié par GrosQuick (26 Sep 2012 - 16:24)

Salut salut,

Tu n'as pas fait d'erreur (mis à part celle de ne pas utiliser un générateur pour la propriété @font-face afin de garantir une compatibilité maximal.

Si ta police ne se met en pas bold c'est surement parce qu'elle ne possède pas cette variante.

Ma police possède du bold, de l'italic, du condensed...
J'ai bien visualisé tous ces styles dans "Livre des polices" (je suis sous Mac).
Mais c'est vrai qu'il n'y a qu'un seul fichier .ttf pour cette fonte.

Bonjour,

à priori ton problème vient de là : tu devrais avoir un fichier ( .ttf par exemple ) par graisse. Tu aurais alors à déclarer les deux fichiers :

@font-face {
    font-family: "Skia";
    src: url('Skia.ttf');
    font-weight: normal;
}
@font-face {
    font-family: "Skia";
    src: url('Skia-bold.ttf');
    font-weight: bold;
}

OK, cela doit être effectivement le fait que cette police ne possède qu'un seul fichier, pour la font "normal" et qu'elle ne possède pas de fichier pour le bold et c°.
Les application peuvent certainement accéder aux styles, mais pas les navigateurs qui doivent avoir besoin d'un fichier spécifique par style de font.
Du moins je pense que cela doit fonctionner comme cela ?
Merci pour votre aide