Partage
  • Partager sur Facebook
  • Partager sur Twitter

[Intégrer font & ses styles ds CSS ac font-family]

Mettre la font personnalisée en bold

Sujet résolu
    13 septembre 2019 à 11:23:45

    Bonjour, 

    Je suis actuellement le cours HTML et CSS et je n'ai pas réussi à intégrer ma font en bold. 

    J'ai juste réussi à mettre la version 'regular'. 

    Est-ce que quelqu'un sait comment je peux faire pour corriger ça ? 

    Merci d'avance pour votre aide :) 

    Louise 

    -
    Edité par LouiseDarroy 13 septembre 2019 à 16:38:12

    • Partager sur Facebook
    • Partager sur Twitter
      13 septembre 2019 à 11:37:04

      Bonjour,

      Manque de précisions

      Vous êtes ici sur un forum d'entraide communautaire et non pas sur un forum de demande de service, le but n'est donc pas de fournir une réponse toute faite ou de directement fournir la solution à quiconque viendrait sans la moindre trace. Afin d'obtenir de l'aide et une solution à votre problème, il est fortement recommandé de présenter clairement l'état actuel du problème en nous fournissant :

      • Un descriptif clair et précis du problème
      • La tentative actuelle de résolution que vous avez effectué
      • Le résultat attendu et le résultat actuel
      • Toutes pistes de recherches pouvant aider à la résolution

      Mauvais titre

      Le titre est un élément important qui ne doit pas être négligé. N'oubliez pas cette règle simple : le titre idéal résume la question que vous allez poser en une petite phrase. Il doit permettre aux visiteurs de se repérer facilement dans le forum visité et d'identifier le sujet à sa seule lecture.

      Vous pouvez utiliser divers préfixes comme [Erreur], [MySQL], [Compatibilité], etc... Aussi, pensez à consulter les règles propres à chaque forum (visibles dans les topics épinglés en haut des sections).

      De plus, choisir un bon titre permet de rendre plus faciles les recherches des autres membres.

      Les titres de type "besoin d'aide" ou "problème" ne sont pas tolérés.

      Pour modifier votre titre, éditez le premier message de votre sujet.

      (titre originel : Font)

      • Partager sur Facebook
      • Partager sur Twitter

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

        13 septembre 2019 à 11:47:42

        Malheureusement étant totalement novice je ne sais pas mieux expliquer mon souci. 

        Merci pour votre réponse. 

        • Partager sur Facebook
        • Partager sur Twitter
          13 septembre 2019 à 14:10:08

          Ce dont on a besoin, c'est de ce que tu as déjà produit : ton code, coloré avec le bouton </> de la barre d'outils du forum.

          Et change le titre aussi - ça se trouve en passant ta souris sur ton premier message, tu dois voir "Modifier". Si ça ne s'affiche pas, dis-le moi, c'est un bug récurrent et aléatoire du forum.

          • Partager sur Facebook
          • Partager sur Twitter

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

            13 septembre 2019 à 16:50:58

            J'ai modifié le titre, est-ce que c'est plus correct ? 

            Voici une explication plus détaillé de mon problème : 

            J'ai téléchargé une font pour l'intégrer dans mon code CSS cependant chaque style est dans un code différent donc je n'ai pu intégrer que le style 'regular' dans mon code CSS, ce qui a enlevé le style bold sur les textes auxquels j'avais mis la balise strong dans mon code HTML. 

            Est-ce que j'ai intégré le mauvais code dans mon fichier CSS ou est-ce qu'il y a un code pour la font qui intègre tous les styles ? 

            J'ajoute également une photo de mon code : 

            • Partager sur Facebook
            • Partager sur Twitter
              13 septembre 2019 à 18:44:53

              Je n'insisterai pas sur "coloré avec le bouton </> de la barre d'outils du forum.", mais pour la prochaine fois, penses-y :) Nous coller une image de code, c'est pas top : souvent c'est trop petit, et c'est surtout impossible de copier et donc de reproduire si besoin est.

              Pour le problème de polices : il faut copier toutes les @font-face dans ton CSS, à la suite. Et le mieux, quand c'est la même police avec une graisse différente et/ou un italique, c'est de donner le même nom (font-family) à toutes les occurrences, et de préciser si c'est gras etc dans font-weight et font-style.

              Exemple rapide :

              @font-face {
                font-family: 'MaBellePolice';
                src: url('mabellepolice-regular.woff');
                font-weight: normal;
                font-style: normal;
              }
              
              @font-face {
                font-family: 'MaBellePolice';
                src: url('mabellepolice-bold.woff');
                font-weight: bold;
                font-style: normal;
              }
              
              @font-face {
                font-family: 'MaBellePolice';
                src: url('mabellepolice-italic.woff');
                font-weight: normal;
                font-style: italic;
              }
              
              @font-face {
                font-family: 'MaBellePolice';
                src: url('mabellepolice-bold-italic.woff');
                font-weight: bold;
                font-style: italic;
              }

              Et comme ça, dès que dans le CSS tu mettras en gras ou en italique ou les deux, le navigateur ira chercher le bon fichier, bien proprement.

              • Partager sur Facebook
              • Partager sur Twitter

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

                13 septembre 2019 à 21:56:00

                D'accord c'est noté merci beaucoup ! :)
                • Partager sur Facebook
                • Partager sur Twitter

                [Intégrer font & ses styles ds CSS ac font-family]

                × 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