Ajouter une police à votre forum



Pré-requis : accès au panneau d'administration & aux templates.
Version forum : tous.
Difficulté : facile.
Où : Onglet Affichage >> rubrique TEMPLATES >> Général >> Editer le template overall_header (haut de page).


Instruction.

  • Choisir une police, par exemple sur le site : https://fonts.google.com/
  • Cliquez sur la croix pour valider votre choix. Ajoutez également les graisses (épaisseur des lettres) que vous désirez utiliser. Cliquer à nouveau sur le plus à chaque fois que vous voulez une nouvelle police/graisse.
  • En bas, en encadré apparaît avec vos polices sélectionnés.
  • Récupérer le code STANDARD. Ce code ressemble à :

    Code:

    <link href="https://fonts.googleapis.com/css?family=Tajawal:400,700" rel="stylesheet">


  • Notez vous quelque par le 2ème code qui vous permettra d'utiliser la police dans le CSS.

    Code:

    font-family: 'Tajawal', sans-serif;


  • Dans le template, qui correspond à partie HEAD d'une page HTML, vous allez pouvoir ajouter le lien (code n1) par exemple à la ligne 14 juste avant la variable :

    Code:

    {META_FAVICO}

    En fait, dans cette partie là c'est la partie cachée d'une page HTML, c'est là qu'on donne des informations au navigateur pour afficher la page, les instruction, le favicon par exemple, c'est la petite icone qui est présente dans l'onglet, c'est là qu'on ajoute les liens JS/fichier CSS à importer et prendre en compte pour afficher la page. Et à présent, on dit au navigateur d'interpréter la police également.
  • Enregistrez le template.
  • N'oubliez pas de valider le template (check vert) & voilà.
  • La police est à présent disponible n'importe où sur votre forum.





En espérant que ce tuto, vous a permis d’y voir un plus clair ! Si une question subsiste, n'hésitez pas à répondre à ce sujet pour demander des éclaircissements.

Enjoy coding !
 

fiche réalisée par laxy