Partage
  • Partager sur Facebook
  • Partager sur Twitter

Mettre un style de police à page html secondaire

Sujet résolu
    30 janvier 2023 à 17:38:57

    Bonjour,

    Désolé si la question est bête mais je débute en codage.

    Je suis en train de suivre le cours Créer votre site Web avec HTML5 et CSS3, j'essaye de faire mon propre site web en paralèlle du cours et je bloque sur un élement:

    Je n'arrive pas à appliquer le style de police en CSS à mes pages html secondaires: en l'occurence, Contact et About.

    Dans la section head j'ai bien ajouter ces lignes:

    <linkhref="style.css"rel="stylesheet">
    <linkrel="preconnect"href="https://fonts.googleapis.com">
    <linkrel="preconnect"href="https://fonts.gstatic.com"crossorigin>
    <linkhref="https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap"rel="stylesheet">

    Mais comment faire comprendre à la feuille CSS que je veut l'appliquer à d'autres page que la page index ?

    Merci pour votre aide. :)

    • Partager sur Facebook
    • Partager sur Twitter
      30 janvier 2023 à 17:47:03

      Bonjour,

      Tes feuilles de styles et tes polices sont actives sur toutes les pages où elles sont appelées ;)

      En d'autres termes, si le lien vers la ressource est présent dans le <head> de la page alors c'est bon.

      -
      Edité par Mewen_bzh 30 janvier 2023 à 17:49:18

      • Partager sur Facebook
      • Partager sur Twitter
      Je ne réponds pas aux messages privés.
        30 janvier 2023 à 17:55:00

        Merci mais comment faire pour appeler une page ? J'ai du louper une étape car j'ai vu comment les appliquer au sections h1, h2, p etc... mais je ne sais pas comment faire pour une autre page html. Est ce la fonction @import ?
        • Partager sur Facebook
        • Partager sur Twitter
          30 janvier 2023 à 18:35:43

          Bonjour,

          quel est le code HTML de tes pages Contact et About ? Est-ce que tu as bien ajouté les 4 lignes de css et preconnect ?

          (astuce un peu hors-sujet : tu peux aussi télécharger les polices en local et les charger dans ton css en précisant le chemin, comme ça tu épargnes le pistage de tes visiteurs et visiteuses par Google)

          • Partager sur Facebook
          • Partager sur Twitter

          Pas d'aide concernant le code par MP, le forum est là pour ça :)

            30 janvier 2023 à 19:41:30

            Bonjour,

            Oui je crois bien avoir ajouté ces 4 lignes:

            <linkhref="style.css"rel="stylesheet">
            <linkrel="preconnect"href="https://fonts.googleapis.com">
            <linkrel="preconnect"href="https://fonts.gstatic.com"crossorigin>
            <linkhref="https://fonts.googleapis.com/css2?family=Montserrat:wght@200&display=swap"rel="stylesheet">

            Merci pour l'astuce je vais charger les polices en locales du coup.

            • Partager sur Facebook
            • Partager sur Twitter
              31 janvier 2023 à 9:02:26

              Comme je le disais hier, les fichiers de styles que tu appelles dans le <head> d'une page sont automatiquement actifs.

              Si dans ce fichier tu appliques un style particulier à tes titres, ce style s'appliquera (sauf instruction contraire) à tous les titres de toutes les pages où ce fichier est utilisé.


              LancelotBrillaud a écrit:

              Merci mais comment faire pour appeler une page ? J'ai du louper une étape car j'ai vu comment les appliquer au sections h1, h2, p etc... mais je ne sais pas comment faire pour une autre page html. Est ce la fonction @import ?



              -
              Edité par Mewen_bzh 1 février 2023 à 9:48:07

              • Partager sur Facebook
              • Partager sur Twitter
              Je ne réponds pas aux messages privés.
                31 janvier 2023 à 18:15:44

                Merci pour vos réponses.

                En fait j'avais zappé la balise link dans la page html.

                Le code manquants était:

                <linkhref="../style.css"rel="stylesheet">

                -
                Edité par LancelotBrillaud 1 février 2023 à 12:43:02

                • Partager sur Facebook
                • Partager sur Twitter

                Mettre un style de police à page html secondaire

                × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                • Editeur
                • Markdown