Changer de police sur h2 item-title

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Changer de police sur h2 item-title

    Bonjour,

    J’administre bénévolement le site admlarochelle.com (3.9.22) Le template que j’utilise est une copie de protostar modifié.

    J’aimerais que les titres d’articles (h2 Open Sans 22px) soit plus gras mais ils sont déjà en bold … Donc la première idée était de passer h2 en helvetica Neue comme pour le menu mais je butte. Impossible de trouvé ou se fait l’attribution de la police, pas dans le css et non plus dans index du template je ne le vois pas. Je le retrouve dans index.php depuis le navigateur mais rien de plus …

    - Pensez-vous que d’utiliser la police helvetica neue pour le h2 serait correcte et ou l'attribuer ?
    - Pensez-vous qu’en 2020 il serait peut-être mieux de choisir une police plus actuelle mais comment ?


    Merci,
    Actualités, Artisans du monde de La Rochelle
    Dernière édition par phelibre à 12/10/2020, 08h52

  • #2
    Salut,
    verifies ton style de template...
    via CSS:
    dans ton fichier css:
    1\
    Import de la fonte
    Code:
    @font-face { font-family: "Open Sans"; src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2"), url("/fonts/OpenSans-Regular-webfont.woff") format("woff"); }
    2\
    Utilisation de celle ci
    Code:
    h2.itemtitle {font-family: 'ma fonte'}
    https://developer.mozilla.org/fr/doc...CSS/@font-face
    Dernière édition par lefabdu51 à 08/10/2020, 16h54

    Commentaire


    • #3
      Merci,

      - Vérifie ton style de template ? Je ne comprends pas vraiment ...
      - Importe de la fonte : mais la fonte (Open Sans et Helvetica neue) est déjà présente dans le template ou Joomla, mais je ne sais ou elle est déclarée ...

      Commentaire


      • #4
        style de template: ensemble de paramètres associés à un template.

        Commentaire


        • #5
          Salut,

          Les styles apparaissent "en dur" dans l'en-tête de la page.
          Cela signifie qu'ils sont déclarés directement dans le fichier index de ton template (ligne 62 à 64 dans Protostar).

          La police "Open sans' vient de chez GG font via cet appel
          Code:
          <link href="//fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
          ligne 60 dans le template Protostar

          La police Helvetica Neue est soumise à licence.
          Donc l'installer sur ton site va te coûter un peu...

          Le plus simple reste encore de choisir une autre police chez GG Font et de l'installer de la même manière que la typo Open Sans.

          A savoir néanmoins que Open Sans est très riche en déclinaisons.
          Elle va du light à l'extrabold, en passant par le semi-bold, le tout dispo aussi en italic.

          Pour avoir des graisses plus épaisses, en css on privilégie l'emploi de valeur numérique plutôt que du classique "bold" dans l'attribut font-weight.
          Ce qui donne, pour l'Open sans :
          - light : font-weight:300;
          - regular : font-weight:400;
          - semi-bold: font-weight:600;
          - bold: font-weight:700;
          - extrabold: font-weight:800;

          Dol.
          Je préfère éclairer que briller.” - “J'ai peut-être l'air froid, mais je suis pas givré.- "ça dépend ça dépasse"
          Ne m'envoyez pas de message privé pour résoudre vos problèmes sans y avoir été invité.
          Dolmenhir : tailleur de site web depuis 1997. Spécialiste Joomla depuis 2005. https://www.dolmenhir.fr

          Commentaire


          • #6
            Merci,

            Oups! j'avais regardé dans index mais rien vu, il est en ligne 52 et l'appel est différente! Je viens de me rendre compte que l'index de protostart a évolué (2020) et à quelques lignes de plus que celui de mon "template" (2016) Je ne suis pas capable d'évaluer l'évolution entre 2016 et 2020 ...

            Ok pour le conseil d'utiliser une valeur numérique pour les valeurs des graisses.

            Commentaire

            Annonce

            Réduire
            Aucune annonce pour le moment.

            Partenaire de l'association

            Réduire

            Hébergeur Web PlanetHoster
            Travaille ...
            X