1
votes

Impossible de faire fonctionner l'épaisseur de la police, comment puis-je le faire fonctionner?

Je ne parviens pas à charger la police que j'utilise dans des grammages différents.

J'ai essayé de charger tous les poids différents à partir des polices Google et à la fois en essayant le @import dans mon css et

Dans mon css:

<div class="titles">
   <h2> What we do.</h2>
</div>

Dans mon html:

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

* {
    font-family: 'Open Sans', sans-serif;
}
.titles{
    align-content:left;
    font-weight:800;
}

css wordpress fonts

0 commentaires

3 Réponses :

0
votes

Utilisez le lien dans la balise head de votre html :)

0 commentaires

0
votes

Faites attention de ne pas diviser le lien import en plusieurs lignes et de vérifier également les espaces dans le lien. Tout devrait être sur une seule ligne. Pas d'espaces ni de lignes de rupture.

@import doit être utilisé si vous avez différentes feuilles de style et que vous avez juste besoin de cette importation dans une feuille de style spécifique. Ou si vous n'avez pas accès pour modifier l'élément .

Sinon, vous devriez utiliser l'élément html pour inclure vos polices directement dans l'élément head .

Vérifiez ci-dessous

<div class="titles">
  <h2> What we do.</h2>
</div>

 @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

 * {
   font-family: 'Open Sans', sans-serif;
 }

 .titles {
   align-content: left;
   font-weight: 800;
 }

0 commentaires

0
votes

Votre valeur 800 est remplacée par le paramètre de navigateur par défaut de 700 pour les éléments h2 puisque vous ne l'avez appliquée qu'à .titles . Vous devez appliquer font-weight: 800 spécifiquement à l'élément h2 .

<div class="titles">
    <h2>What we do.</h2>
</div>

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

* {
    font-family: 'Open Sans', sans-serif;
}

.titles h2 {
    align-content: left;
    font-weight: 800;
}

0 commentaires