• Résolu css message d'erreur (google fonts)

    Liste des forums » Besoin d'aide

    Vendredi 20 Novembre 2020 à 00:40
    Merlin29

    bonjour

    quand je copie le code j'ai toujours un message erreur code incomplet  pourtant la copie est complete
    Vendredi 20 Novembre 2020 à 09:04
    Pipiou

    Bonjour,

    pour toi c'est clair mais pour celui qui lit ton sujet (et qui n'est donc pas au courant de ton problème)  c'est pas clair du tout ! 

    quel code ?  code copié de où... vers où ?  quel blog ? 

     
    Vendredi 20 Novembre 2020 à 11:07
    Merlin29

    désolé je ne suis pas très informatique

    je vais sur google fonts, je copie le code de la police je reviens sir mon blog http://octocyon.eklablog.com, je descend sur le css je colle le code et là j'ai le message code incomplet réparez avant de coller

    merci d'avoir répondu à mon message, si tu trouve la solution j'en serait heureux

    merci
    Samedi 21 Novembre 2020 à 09:44
    Pipiou

    je comprends, mais "donner des détails" c'est pas "être informatique", c'est juste fournir le maximum d'infos pour que le lecteur puisse comprendre de quoi tu parles wink2

    - donne-nous le lien (Google Fonts) de la police que tu veux installer,
    mais de mémoire et si je me trompe pas, il suffit d'une seule ligne à copier-coller,
    dans le code source (bouton <>) d'un module du Menu ou dans la Zone de scripts (Apparence > Zone de script)

    quelqu'un confirme ?

     
    Samedi 21 Novembre 2020 à 10:20
    C.Kinou

    Bonjour,

    le code de la police est de ce style

    link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'/
    (j'ai enlevé les <> au début et à la fin pour que a passe sur le forum)

    mais pour qu'il soit appliqué il faut indiquer où tu veux qu'il apparaisse, par exemple, sur tout le blog, seulement pour le titre des articles etc

    Si tu as copié le code sans le mettre dans la ligne correspondante, tu as automatiquement le message "code incomplet"

    Plus d'informations sur ce site :
    http://le-blog-facile.ek.la/ajouter-une-police-google-web-fonts-p341809
    Samedi 21 Novembre 2020 à 16:39
    Merlin29

    merci pour votre aide, mais je crois que je vais renoncer, j'ai 80 ans et je crois que les neurones foutent le camp yes

    merci de vous y etre interresse
    Samedi 21 Novembre 2020 à 16:53
    Pipiou

    he  pas de panique ! ce que propose C.Kinou est très simple

    précise si tu veux que cette police apparaisse :

    - sur tout le blog ?
    - sur les titres ?
    > où exactement ?

    et dis le nom de la police que tu souhaites (le nom exact, ou le lien vers la page  de cette police, via Google web fonts).

    et C.Kinou (ou quelqu'un d'autre) te donnera la ligne de code à copier-coller, en te disant "où" la copier-coller.

    et voilà :)


    PS : coucou C.Kinou

     
    Samedi 21 Novembre 2020 à 18:03
    Merlin29

    merci vous etes sympa

    la police est "condiment" par sudtipas regular 400

    mettre sur tout le blog

    j'espère que cela suffira 
    Dimanche 22 Novembre 2020 à 10:27
    stormalo

    Bonjour merlin29,


    ■ Sur la page Google Fonts, pour la police 'condiment', 2 types de code sont proposés pour que les navigateurs sachent ou trouver "les condiments".C'est "à mettre dans le <head>" **

    1) soit celui indiqué par le choix du bouton <link>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Condiment&display=swap" rel="stylesheet">


    2)soit celui indiqué par le choix du bouton @import
    <style>
    @import url('https://fonts.googleapis.com/css2?family=Condiment&display=swap');
    </style>

    ■ Et il est indiqué en dessous, comment écrire la règle CSS qui fera appliquer ici ou là cette police d'écriture
    font-family: 'Condiment', cursive;


    ** comme sur Eklablog on ne peut rien ajouter dans le <head> de notre page web, et que tu souhaites l'utiliser la police 'condiment'  partout sur le blog, je pense que le plus simple est de mettre  le code 1) ou 2) > dans Apparence > Zone de script (perso je choisirai le code utilisant <link> mais je ne sais pas bien expliquer pourquoi)

    ¯\_(ツ)_/¯    il restera à définir par css, le ou les éléments à cibler pour faire appliquer la règle CSS; (si tu consultes ton thème css il y a 18 fois la propriété: font-family, mais si tu as choisi de temps à autre, localement, la police à utiliser, il faudra éditer en plus, un à un, éditer les contenus pour faire la modification.

    BON COURAGE

    (vérifie que ton contenu restera facilement lisible, ce que je doute pour les petits caractères)
    Dimanche 22 Novembre 2020 à 10:31
    Pipiou

    Alors, et pour reprendre C.Kinou =

    1/ dans Apparence > Zone de script, tu copies-colles la ligne :

    link href="https://fonts.googleapis.com/css2?family=Condiment&display=swap" rel="stylesheet"

    tu ajoutes un < au début et un > à la fin  (pour ouvrir et refermer la ligne de code)
    tu cliques sur le bouton Enregistrer, en bas de la fenêtre Zone de Script

     

    2/ dans Ajouter du CSS tu copies-colles :

    /* Police Google Fonts sur tout le blog */   
    #body { font-family: 'Condiment', cursive; }

    SVP quelqu'un pour valider... que je ne me suis pas gourée quelque part ? oops 
    Merciiiiiiiiii

     

    3/  "sur tout le blog" je crains que ça rende super -> QUE sur "le titre du blog", sur les "titres des articles" et les "titres du menu" par exemple ?
    -> voir les sélecteurs possible sur cette page↗

    @ suivre

    Edit : coucou stormalo, on a "envoyé" quasi en même temps ! 

     



    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.