Police d’écriture avec Gutenberg

  • WordPress :5.2
  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #2274368
    TedBas
    Participant
    Initié WordPress
    11 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 5.2
    • Thème utilisé : Skrollex
    • Extensions en place :
    • Nom de l’hébergeur : 1and1 ionos
    • Adresse du site : http://www.lesfreresbasquin.com

    Problème(s) rencontré(s) :

     

    Salut,

    Je rencontre un souci mineur avec Gutenberg. Je ne parviens pas à modifier la police d’écriture d’une seule page spécifique de mon site internet.

    Avez-vous un code direct qui permettrait de modifier la police en passant par le visualiseur html, et donc sans passer par la feuille CSS ?

    De plus, j’aimerai utiliser une police d’écriture de Google Fonts. Comment m’y prendre ?

     

    Je vous remercie par avance,

    Très bonne journée à vous.

     

    #2274391
    PhiLyon
    Modérateur
    Maître WordPress
    24005 contributions

    Bonjour.

    Il faut passer par le CSS personnalisé ou un thème enfant.

    Ensuite il faut te servir de l’ID de ta page et modifier la font-family.

    #team  h3 {font-family: 'Raleway'}

    C’est un exemple sur la page “Equipe”.

    Pour les Google Fonts c’est expliqué sur leur site, il y a une ligne à rajouter dans le header.php, tu cliques sur la police choisie, sur la fenêtre en bas à droite et tu as ce code (différents pour chaque police)

    <link href="https://fonts.googleapis.com/css?family=Anton&display=swap" rel="stylesheet"> 

    🙂

     

    #2274393
    TedBas
    Participant
    Initié WordPress
    11 contributions

    Salut,

    Je m’apprêtais à publier la solution que j’avais trouvé, et c’est la même que toi. Merci !

    Voir les fichiers joints.

    Merci !

    Cordialement.

     

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2284522
    TedBas
    Participant
    Initié WordPress
    11 contributions

    Bonjour,

     

    Je me permets de revenir vers vous car je rencontre un souci à propos de la police d’écriture.

    En effet, la solution ci-dessus fonctionne. Mais le problème que je rencontre actuellement est le suivant : Pourquoi ma police d’écriture modifiée ne s’affiche t-elle pas sur les autres navigateurs et mobiles ? Et comment y remédier ? La police Ananda (Google Fonts) est sur la page http://www.lesfreresbasquin.com/mon-mariage

     

    Merci d’avance,

    Très bonne journée à vous.

    #2284523
    PhiLyon
    Modérateur
    Maître WordPress
    24005 contributions

    Bonjour.

    A quel endroit dans la page ?

    🙂

    #2284524
    PhiLyon
    Modérateur
    Maître WordPress
    24005 contributions

    Elle n’existe pas cette police sur Google fonts.

    🙂

    #2284712
    TedBas
    Participant
    Initié WordPress
    11 contributions

    Bonjour,

    Autant pour moi, c’est en effet une police d’écriture téléchargée et mise sur le serveur (voir l’image ci-dessous). Voyez également le rendu souhaité.

    Merci!

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2284714
    TedBas
    Participant
    Initié WordPress
    11 contributions

    L’image ne s’est pas insérée. Là voici!

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2284719
    PhiLyon
    Modérateur
    Maître WordPress
    24005 contributions
    #2284727
    TedBas
    Participant
    Initié WordPress
    11 contributions

    Merci ! Je viens de suivre le tuto et cela ne change rien. Bizarre non ?

    Voir pièce-jointe.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2284753
    PhiLyon
    Modérateur
    Maître WordPress
    24005 contributions

    La version de ton thème :
    Skrollex – Version 2.3
    La dernière version :
    Skrollex Version 2.4.1

    Par contre son thème parent a été racheté par Elementor et s’appelle maintenant layers-elementor-1-0-2-a
    Regardes-ici https://www.layerswp.com/2019/01/elementor-acquires-layers-wp/#download

    Contactes leur support pour connaitre les manips pour faire les mises à jour.

    🙂

11 sujets de 1 à 11 (sur un total de 11)
  • Vous devez être connecté pour répondre à ce sujet.