1
votes

font-weight et font-size ne fonctionnent pas ensemble

Chaque fois que je veux changer la taille de la police de mon texte, l'épaisseur de la police semble revenir à sa valeur par défaut dans ce que je vois sur le navigateur.

Quand je l'inspecte, la taille de la police et l'épaisseur de la police semblent être appliquées et fonctionnent correctement. Je ne sais pas quel est le problème. Lorsque je désactive le type de police que j'ai lié ci-dessous, cela semble fonctionner correctement.

Le fait est que j'ai utilisé la même police ci-dessous, et ce problème a commencé à se produire du jour au lendemain. Aucune idée de ce qui aurait pu changer. Merci.

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#element {
font-weight: 700 !important;
font-size: 20px !important;
}

<div style="display: flex; flex-direction: column; width: 40vw; margin-left: 20px;"><div style="font-size: 24px; font-weight: 600;">Sell your clutter</div><div style="font-size: 20px; font-weight: 600;">Athens Locations</div><div style="width: 100%; height: 25vh;">House1</div><div>House2</div></div>


3 commentaires

Est-il également possible de partager du code HTML?


@HardiShah Je viens de partager, mais cela n'aide pas beaucoup.


Selon le HTML que vous avez partagé, il n'y a pas d'ID nommé "élément". Et vous donnez css à "élément" Id. pouvez-vous s'il vous plaît contre-vérifier?


3 Réponses :


2
votes

Avez-vous modifié ou mis à jour le navigateur que vous utilisez habituellement? Jetez un œil à https://github.com/tailwindcss/tailwindcss/issues/1402


2 commentaires

Oh intéressant, peut-être un bogue de navigateur mis à jour automatiquement alors. Merci!


Oui, c'est un bogue du navigateur. Jamais vu un bug comme celui-ci de Chrome, intéressant!



0
votes

Une chose similaire s'est produite avec moi. J'ai essayé plusieurs choses, puis j'ai utilisé Firefox au lieu de Chrome et cela fonctionnait bien. Ensuite, je suis seulement venu au courant des bogues.


0 commentaires

0
votes

Avez-vous vérifié que vos identifiants et vos classes correspondent à ceux que vous avez définis dans votre page HTML? Soit cela, soit votre navigateur peut avoir le problème, essayez de le mettre à jour avec la dernière version si vous ne l'avez pas déjà fait. Parce que de nos jours, la plupart des CSS ne fonctionnent que sur les navigateurs modernes.


0 commentaires