Google web fonts : des polices web pour votre boutique Prestashop

PrestaShop, Tips, WordPress
  • Accueil
  • Blog
  • Google web fonts : des polices web pour votre boutique Prestashop

google-web-fonts-prestashop
Votre boutique Prestashop manque de peps’ ? C’est vrai qu’utiliser les polices traditionnelles comme Arial, Tahoma ou encore Georgia peut s’avérer ennuyant. C’est pourquoi je vous propose un rapide tuto pour utiliser les Google Web Font : des polices personnalisées intégrées dans votre boutique Prestashop pour lui donner un look sympa se démarquant des autres sites.
Pour intégrer les Google Web Fonts dans votre boutique Prestashop, faites ceci :

  1. Trouvez la Google Font qui vous convient : Allez ici https://fonts.google.com, parcourez les polices avec les filtres proposés et choisissez-en une en cliquant sur Quick-use.
  2. Installez la Google Web Font choisie : Une fois la police Google choisie, vous aurez 4 points à définir/paramétrer
    1. Le style de la police
    2. Le langage voulu
    3. Le bout de code à copier dans votre fichier header.tpl avant la balise </head> :
      <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
    4. La propriété CSS à intégrer dans le fichier global.css pour l’élément voulu : font-family: 'Amatic SC', cursive;

Le petit plus : Google vous informe sur le temps de chargement de la police que vous voulez installé car c’est bien beau tout ça mais les Google Web Fonts demandent un temps de chargement de votre boutique légèrement plus long.
A consommer avec modération donc !

Laisser un commentaire

Consultez les autres articles