@font-face ... plus d'infos ???

[Pointemort]

Bonjour,

Je suis actuellement en train de réalisé un site dont je voudrais changer la police. Je possède mon fichier ttf et j'ai lu de nombreux tuto (dont celui-ci http://www.stylitek.com/tutoriel-joo...site-html.html) mùais aucun ne dit ou mettre la partie "@font-face {font-family: "nomdevotrefonte";src: url('../../../fonts/nomdevotrefonte.ttf');}".
Dois-je la mettre au début du fichier template.css ? Dans le fichier (vide) fonts.css du template ?

J'ai essayé un peu de tout mais je n'arrive à rien... Quelqu'un a-t-il une solution ?

[lefabdu51]

Re : @font-face ... plus d'infos ???

bon madame irma n est pas la...donc quel est le template utilisé?

[Pointemort]

Re : @font-face ... plus d'infos ???

c'est le template 9 de joomlack, mais j'ai modifié pas mal de trucs dedans, à part l'architecture

[PhilJ]

Re : @font-face ... plus d'infos ???

Bonjour,

[...] j'ai lu de nombreux tutos [...] aucun ne dit ou mettre la partie "@font-face {font-family: "nomdevotrefonte";src: url('../../../fonts/nomdevotrefonte.ttf');}".
Dois-je la mettre au début du fichier template.css ? Dans le fichier (vide) fonts.css du template ?

...L'un ou l'autre peut convenir, mais ni l'un ni l'autre ne constitue un bon endroit du fait que toute mise à jour du template écrasera vos personnalisations : comme toujours, le mieux est de ne jamais intervenir sur les fichiers originaux.

=> Créez une feuille de style personnalisée, que vous appellerez par exemple custom.css, et faites-la appeler par Joomla via un plugin spécialisé.

Concernant les polices elles-mêmes et la syntaxe pour les appeler : les navigateurs ne pourront pas tous utiliser la police TTF. Afin d'assurer une compatibilité totale, il faut que votre feuille CSS propose plusieurs versions de la même police : l'une au format TTF, certes, mais aussi d'autres, dans les formats EOT, WOFF et SVG.

=> Obtenez ces différentes versions de votre police auprès du service 'webfont generator' de Font Squirrel (http://www.fontsquirrel.com/tools/webfont-generator).


Cordialement,



PhilJ