Formations web et création graphique - Typo sur mesure avec Joomla

Fermer



Connexion

Typo sur mesure avec Joomla


Comment c'est fait?

Sortir de l'ornière Verdana-Arial-Comic sans (berk) c'est possible avec Google fonts et Joomla. Le principe est super simple:

 

  1. Allez chez Google choisir les polices que vous voulez utiliser. Voici le lien http://code.google.com/webfonts

    Polices personalisées avec Joomla et Google

  2. Cliquez sur la police qui vous intéresse

    Polices personalisées avec Joomla et Google

  3. Examinez la police dans ces différents corps, au besoin vérifiez les accents (Character set) mais a priori elles sont accentuées.

    Polices personalisées avec Joomla et Google

  4. Cliquez sur Get the code
  5. Il faut d'abord insérer le lien vers la CSS de Google dans le Head de votre (ou de vos) page(s). Pour ce faire vous pouvez utiliser le plugin CustomHead décrit ici.

    Polices personalisées avec Joomla et Google

  6. Créez ensuite dans la Css de votre template une classe (ou un ID si vous préférez).

    Polices personnalisées avec Joomla et  Google

    Ici nous avons un template Yootheme qui prévoit une CSS personnalisée (custom). On y colle le code piqué chez Google en l'adaptant. La classe ici est ".fontdejantee".

    Polices personnalisées avec Joomla et Google

    Polices personnalisées avec Joomla et  Google

  7. Sélectionnez le texte à styler et normalement vous devez trouver dans le menu des styles la classe que vous avez créée. Si ce n'est pas le cas allez la saisir dans le code directement.

    Polices personnalisées avec Joomla et Google

    Polices personnalisées avec Joomla et Google

Et youpi ça marche!

Bises