font-weight: 700 ou font-weight: gras lequel faut-il suivre en CSS?
J'ai vu des sites Web mentionnés dans CSS - font-weight: 700 ou font-weight: bold. Mais les deux résultats sont les mêmes. Lequel est le correct et comment devrions-nous suivre? S'il vous plaît me suggérer.
font-weight en nombre est meilleur que par défaut bold car vous pouvez ajuster le nombre bold selon vos besoins.
Vérifiez ceci http://www.w3.org/wiki/CSS/Properties/font-weight
Vous pouvez trouver une ventilation complète de toutes les valeurs valides pour font-weight dans la spécification de niveau 3 du module de polices CSS . Sous section 3.2 _ (propriété font-weight), nous trouvons la liste suivante:
- 100 - mince
- 200 - Extra léger (ultra léger)
- 300 - lumière
- 400 - Normal
- 500 - moyen
- 600 - Semi Gras (Demi Gras)
- 700 - Gras
- 800 - Extra gras (ultra gras)
- 900 - noir (lourd)
Vous avez probablement remarqué que 700 est "gras". Donc, de toute façon, vous obtiendrez les mêmes résultats. (Le seul autre qui correspond à un nombre est "normal" - 400.)
La liste complète est:
normal - Identique à «400»bold - Identique à «700»bolder - Spécifie un poids plus gras que la valeur héritéelighter - Spécifie un poids plus léger que la valeur héritée
Il n'y a pas de réelle différence. Il s’agit plus de savoir à quoi vous et votre équipe êtes habitués.
Ma réponse de base est la même que celle déjà donnée deux fois, mais avec la référence correcte:
Par définition, ils sont synonymes, conformément à la spécification CSS 2.1, clause 15.6 . Ceci est la spécification faisant autorité.
Le mot clé "normal" est synonyme de "400" et "gras" est synonyme de "700".
Le mot bold rend le code plus lisible que le nombre 700, qui n'a aucune signification intuitive. Le nombre peut être plus approprié pour la lisibilité dans les cas où vous spécifiez des pondérations de police à l'aide de nombres, afin d'obtenir des pondérations pour lesquelles il n'existe aucun mot-clé. De telles situations sont rares, en partie parce que les poids de police autres que 400 et 700 ne sont pas pris en charge pour la plupart des polices.
Sur le plan fonctionnel, ils sont égaux, mais en ce qui concerne le style, je choisirais l'une des méthodes et serais cohérent avec elle: vous utilisez uniquement des mots-clés ou uniquement des identificateurs numériques. Cela rend le code CSS plus facile à comprendre.
Comme les polices ont un spectre de poids beaucoup plus large que seulement regular et bold, par ex. extra light , light , livre , moyen , semi-gras , noir , extra noir , lors de l'utilisation de polices personnalisées, c'est généralement impossible de ne pas utiliser d'identifiants numériques. Dans ces situations, il vaut mieux éviter d'utiliser regular et bold, d'utiliser plutôt 400 et 700. Cela est plus cohérent et simplifie la compréhension de CSS - même un développeur inexpérimenté peut facilement comprendre que 400 est plus mince que 500, mais il peut ne pas savoir lequel est plus mince quand il voit regular et 500.
Si vous avez une situation où les seuls poids que vous utilisez sont regular et bold, il est alors parfaitement raisonnable et plus lisible d'utiliser des mots-clés plutôt que des identificateurs numériques. Mais au travail, de telles situations ne se produisent presque jamais.
Dans certains navigateurs Windows (IE, FF), exécuter font-weight:800 ne fonctionnera pas avec diverses polices UTF-8 .. Utilisez font-weight: bold ou font-weight: bolder ..
J'ai découvert cela à la dure en produisant quelque chose pour BBC Kyrgyz ..