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

Résolu
blop18 Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   -  
blop18 Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   -
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

A voir également:

5 réponses

Stanislas Poisson Messages postés 424 Date d'inscription   Statut Membre Dernière intervention   66
 
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
0
blop18 Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   1
 
okey, merci de ta réponse.

:)
0
blop18 Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   1
 
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.
0
Utilisateur anonyme
 
Bonjour,et comme ca
@font-face {
    font-family: 'police1';
src: url('../font/police1.ttf') format('truetype');
}
h1, h2, h3, h4{
 font-family: "police1";   
}
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
blop18 Messages postés 25 Date d'inscription   Statut Membre Dernière intervention   1
 
MERCI! \o/

J'avais oublier les "format('truetype');". Je te remercies, tu m'enlèves une bien belle épine. :D

Bonne continuation,

blop18
0