Intégration de police de caractères avec font-face Résolu/Fermé

Question

Bonjour, 

Voici mon problème, je suis actuellement en cour de création un site en HTML/CSS et en gros, je voudrais intégrer deux polices de caractères pour mes titres.

Donc Voici ma question:
Est-il possible d'intégrer via font-face, deux polices de caractères ?

Sachant que j'ai déjà intégrer une police avec font-face, je cherches maintenant à intégrer la deuxième.

voici le bout de mon code concerner :

/*all config default*/

@font-face { 	font-family: "police1"; src: url('../font/police1.ttf'); }

/*@font-face { 	font-family: "police2"; src: url('../font/police2.ttf'); font-weight: bold;}*/

/*@font-face { 	font-family: "police1";   src: url('../font/police1.eot'); }
@font-face { 	font-family: "police2"; src: url('../font/police2.eot'); }*/

h1, h2, h3, h4{
    
}



Merci pour l'attention porter à mon poste,

 blop18

Configuration: Mac OS X Lion (10.7) / Firefox 17.0

Stanislas Poisson · Answer

c'est exactement cela mais il ne faut pas oublier que les police doivent etre declarer en 3 version de fiochier different afin que tous les navigateur puisse les comprendre et les utiliser.
pass me dessus https://www.fontsquirrel.com/tools/webfont-generator

blop18 · Answer

okey, merci de ta réponse.

:)

blop18 · Answer

Mais je crois que je me suis mal exprimer...

en gros, mon code afficher en haut possède forcement une erreur puisqu'au final mes polices sont en conflit et les navigateurs décide d'utiliser une police système ( Trebuchet MS pour mon cas ).

Donc je ne comprends pas ce qui ne va pas :


@font-face { 	font-family: "police1"; src: url('../font/police1.ttf'); }

@font-face { 	font-family: "police2"; src: url('../font/police2.ttf'); font-weight: bold;}

@font-face { 	font-family: "police1";   src: url('../font/police1.eot'); }
@font-face { 	font-family: "police2"; src: url('../font/police2.eot'); }

h1, h2, h3, h4{
    
}


Donc pour tout remettre à plat :

je voudrais pouvoir intégrer deux police différente pour avoir deux style de titre. j'ai donc utiliser la méthode plus haut mais elle n'est pas très fructueuse.

Utilisateur anonyme · Answer

Bonjour,et comme ca
@font-face {
    font-family: 'police1';
src: url('../font/police1.ttf') format('truetype');
}
h1, h2, h3, h4{
 font-family: "police1";   
}

blop18 · Answer

MERCI! \o/

J'avais oublier les "format('truetype');". Je te remercies, tu m'enlèves une bien belle épine. :D

Bonne continuation,

blop18

Intégration de police de caractères avec font-face

5 réponses

Discussions similaires