Comment définir le gras, italique à l’aide de @font-face

Question

Je suis à la recherche à la MDC page pour le @font-face règle de CSS, mais je ne comprends pas une chose. J'ai des fichiers séparés pour les caractères gras, en italique et en gras + italique, comment puis-je incorporer tous les trois fichiers dans un @font-face à la règle? Par exemple, si j'ai:

@font-face {
    font-family: "DejaVu Sans";
    src: url("./fonts/DejaVuSans.ttf") format("ttf");
}
strong {
    font-family: "DejaVu Sans";
    font-weight: bold;
}

Le navigateur ne saura pas ce que la police à utiliser pour le gras (parce que les fichiers que est DejaVuSansBold.ttf), de sorte qu'il sera, par défaut, quelque chose que je ne veux pas. Comment puis-je savoir le navigateur toutes les différentes variantes que j'ai pour une police?

Answer 1

Ici, je vais répondre à ma propre question. La solution semble être d’ajouter plusieurs `` les règles, par exemple :

Par ailleurs, il semblerait que le Chrome de Google ne connaît pas le `` argument, alors vous voudrez que sauter.

Answer 2

Si vous utilisez google polices, je voudrais suggérer ce qui suit.

Si vous souhaitez que les polices à exécuter à partir de votre localhost ou de serveur, vous devez télécharger les fichiers.

Au lieu de télécharger la ttf paquets dans les liens de téléchargement d'utiliser le lien direct qu'ils fournissent par exemple:

http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300 italique,400italic,600italic

Collez l'url dans votre navigateur et vous devriez obtenir une police déclaration similaire à la première réponse.

Ouvrir les url, les télécharger et de les renommer les fichiers.

Bâton de la mise à jour de la police face à des déclarations avec les chemins d'accès relatifs à la woff dans vos fichiers css et vous avez terminé.

Answer 3

J’ai trouvé des problèmes à l’aide de font-style : italic, oblique ; avec Firefox 3.6/Win, qu'il tourne il est effectivement non valide css et qu’un style peut être spécifiée à la fois. Donc vous aurez besoin de 2 extra @font-face un pour italique et oblique.