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

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

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

    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 ?

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

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

    Commentaire


    • #3
      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
      Dernière édition par Pointemort à 31/08/2014, 20h04

      Commentaire


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

        Bonjour,


        Envoyé par Pointemort Voir le message
        [...] 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
        Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

        Commentaire

        Annonce

        Réduire
        Aucune annonce pour le moment.

        Partenaire de l'association

        Réduire

        Hébergeur Web PlanetHoster
        Travaille ...
        X