Caractère de Police du titre forum et description

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Caractère de Police du titre forum et description

Message par misslena le Ven 5 Aoû 2016 - 12:34

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.



Dernière édition par misslena le Sam 6 Aoû 2016 - 7:41, édité 1 fois

misslena
****

Féminin
Messages : 258
Inscrit(e) le : 23/07/2016

http://Scoop.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Caractère de Police du titre forum et description

Message par MlleAlys le Ven 5 Aoû 2016 - 14:37

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.

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Caractère de Police du titre forum et description

Message par misslena le Ven 5 Aoû 2016 - 15:37

@MlleAlys a écrit: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.

misslena
****

Féminin
Messages : 258
Inscrit(e) le : 23/07/2016

http://Scoop.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Caractère de Police du titre forum et description

Message par MlleAlys le Ven 5 Aoû 2016 - 16:09

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. Wink (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 ajout
- 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';
}

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Caractère de Police du titre forum et description

Message par misslena le Ven 5 Aoû 2016 - 16:52

MelleAlys, merci infiniment. ::fleur::

misslena
****

Féminin
Messages : 258
Inscrit(e) le : 23/07/2016

http://Scoop.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Caractère de Police du titre forum et description

Message par MlleAlys le Ven 5 Aoû 2016 - 16:56

de rien

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

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Caractère de Police du titre forum et description

Message par misslena le Ven 5 Aoû 2016 - 17:28

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. :-(

misslena
****

Féminin
Messages : 258
Inscrit(e) le : 23/07/2016

http://Scoop.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Caractère de Police du titre forum et description

Message par MlleAlys le Ven 5 Aoû 2016 - 22:37

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")

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Caractère de Police du titre forum et description

Message par misslena le Sam 6 Aoû 2016 - 7:40

Bonjour MelleAlys, cela fonctionne, merci beaucoup. ::fleur::

misslena
****

Féminin
Messages : 258
Inscrit(e) le : 23/07/2016

http://Scoop.forumactif.com
misslena a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum