font-weight:900 ne fonctionne que dans Firefox

Question

.bold{
font: 900 20px helvetica;
}

.bolder{
font: 700 20px helvetica;
}

J'obtiens le même résultat pour deux classes sauf Mozilla Firefox.

Quelqu'un peut-il me dire comment obtenir le même résultat dans tous les navigateurs (Firefox, Chrome, IE, Safari, Opera) ?

Answer 1

Cela dépend de la police. Le poids doit être disponible dans la police affichée, sinon le navigateur choisira le poids disponible le plus proche.

L'Helvetica ne doit pas avoir toutes ces graisses intégrées dans le fichier de la police.

Pour en savoir plus, cliquez ici : https://developer.mozilla.org/en/CSS/font-weight

C'est écrit :

100, 200, 300, 400, 500, 600, 700, 800, 900

Des poids numériques pour les polices qui offrent plus que la normale et le gras. Si le poids exact donné n'est pas disponible, alors 600-900 utilise le poids le plus foncé disponible (ou, s'il n'y en a pas, le poids le plus léger disponible), et 100-500 utilise le poids le plus léger disponible (ou, s'il n'y en a pas, le poids le plus foncé disponible). Cela signifie que pour les polices qui ne fournissent que des caractères normaux et gras, 100-500 sont normaux et 600-900 sont gras.

Peut-être que les différents navigateurs ont des règles différentes sur la façon de traiter les poids des polices lorsque le poids n'est pas disponible.

Answer 2

La plupart des ordinateurs n'ont pas de police nommée "helvetica", les navigateurs se rabattent donc sur leur police par défaut. Cette dernière peut être différente selon les navigateurs. La plupart des polices sur les ordinateurs n'ont qu'un poids de police normal et gras, donc ce qui est légèrement surprenant, c'est que certains navigateurs implémentent le poids 900 comme différent du 700 dans certaines situations.