Caractère de Police du titre forum et description

[Invité]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://forumyang.forumactif.org/forum

Description du problème

Bonjour, malgré plusieurs essais, je n'arrive pas à trouver le bon intitulé du caractère de police, ni le bon css pour mon titre forum+ la description. J'aurai voulu une police exotique, dans ce style:



Merci de m'aider.

[MlleAlys]

Bonjour,

pour qu'une police soit lue par les utilisateurs, il faut qu'elle soit installée sur leur ordinateur, ou bien sur le forum. Dans le cas de polices très personnalisées comme le type que vous recherchez, il est rare que les utilisateurs l'aient déjà sur leur ordinateur ! Il va donc falloir l'installer sur votre forum.

Un moyen relativement simple pour le faire est par exemple d'utiliser le service google fonts. Il faut pour cela que vous trouviez une police qui vous convient dans celles proposées, par exemple :
https://www.google.com/fonts/specimen/Shojumaru#charset
Une fois que vous aurez choisi une des polices, on peut l'installer sur le forum puis l'utiliser.

[Invité]

Bonjour,

pour qu'une police soit lue par les utilisateurs, il faut qu'elle soit installée sur leur ordinateur, ou bien sur le forum. Dans le cas de polices très personnalisées comme le type que vous recherchez, il est rare que les utilisateurs l'aient déjà sur leur ordinateur ! Il va donc falloir l'installer sur votre forum.

Un moyen relativement simple pour le faire est par exemple d'utiliser le service google fonts. Il faut pour cela que vous trouviez une police qui vous convient dans celles proposées, par exemple :
https://www.google.com/fonts/specimen/Shojumaru#charset
Une fois que vous aurez choisi une des polices, on peut l'installer sur le forum puis l'utiliser.

je ne sais pas comment on fait, malgré le lien, votre explication est sommaire, mais comme vous avez résolu rapidement le sujet, je suppose que clos c'est clos. Je vous remercie.

[MlleAlys]

Oh, désolée, parce que j'attendais de savoir si cette solution vous convenait pour détailler l'installation ! Et notemment si vous aviez choisi une police sur le site en particulier, utliser les vrais code dans mes explications plutôt que les faire sur un exemple...
Et la personne qui choisit si un sujet est résolu est bien celle qui a posé sa question au début, pas celle qui répond. (ou, à défaut, un modérateur du forum)
Pour marquer un problème comme résolu, il faut éditer le premier message, et cocher l'icone "résolu".

- Lorsque vous avez choisi une police, cliquez sur "quick use" ou un lien permettant d'accéder à la page avec les codes. Avec l'exemple de la police précédente "shojumaru", c'est cette page là :
https://www.google.com/fonts#UsePlace:use/Collection:Shojumaru

- Sur cette page, dans l'étape n°3 "Add this code to your website" sélectionnez l'onglet "javascript".
Il y a alors un code entre balises script, pour "shojumaru" il est comme ça :

Code:

<script type="text/javascript">
  WebFontConfig = {
    google: { families: [ 'Shojumaru::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); </script>


on va prendre seulement ce qui est entre les balises, soit :

Code:


  WebFontConfig = {
    google: { families: [ 'Shojumaru::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();


- Dans le panneau d'administration de votre forum, allez dans modules > gestion des codes javascript
- vérifiez que la gestion des codes est cochée sur OUI
- créez un nouveau code
- donnez lui un nom pour le reconnaitre, moi par exemple je mets "police shojumaru" puisque ici c'est celle que j'ai choisie
- cochez "sur toutes les pages"
- dans la zone de saisie collez le code récupéré tout à l'heure :

Code:


  WebFontConfig = {
    google: { families: [ 'Shojumaru::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();


- enregistrez.


=> la police est installée sur le forum, vous pouvez l'utiliser dans votre css !

- ici, pour appliquer la police "shojumaru" au titre du forum et à la description, il faut ajouter dans la feuille de style css le code suivant :

Code:

/*police titre*
#logo-desc {
font-family: 'Shojumaru';
}

[Invité]

MelleAlys, merci infiniment.

[MlleAlys]

de rien

Pour marquer un problème comme résolu, il faut éditer le premier message, et cocher l'icone "résolu".

[Invité]

Désolée, j'ai coché résolu trop vite. J'ai bien suivi toutes les informations, tout enregistré, (refait deux fois les manipulations) mon titre n'a pas changé de police. :-(

[MlleAlys]

oups, pardon, il y a une faute de frappe dans le code css !
Le bon code est celui-ci :

Code:

/*police titre*/
#logo-desc {
  font-family: 'Shojumaru';
}

(il manque le dash à la fin de la ligne "police titre")

[Invité]

Bonjour MelleAlys, cela fonctionne, merci beaucoup.