Maison  >  Article  >  interface Web  >  Avez-vous vraiment besoin de citations pour les noms de familles de polices en CSS ?

Avez-vous vraiment besoin de citations pour les noms de familles de polices en CSS ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-15 09:34:02907parcourir

Do You Really Need Quotes for Font Family Names in CSS?

Citer les noms de famille de polices dans CSS est-il nécessaire ?

Traditionnellement, on pensait qu'il était nécessaire de placer les noms de polices contenant plusieurs mots entre guillemets dans le CSS la propriété font-family était considérée comme une bonne pratique. Cependant, des tests récents suggèrent que les navigateurs comme Safari et Firefox n'ont aucun problème à restituer les polices sans les guillemets.

Les spécifications CSS

Selon la spécification CSS 2.1, la famille de polices les noms doivent être soit entre guillemets sous forme de chaînes, soit sans guillemets sous forme de séquence d'identifiants. Si des identifiants sont utilisés, la ponctuation et les chiffres au début des jetons doivent être échappés.

Pratique recommandée

Bien que la spécification CSS n'exige pas strictement des guillemets, elle les recommande pour les noms de famille de polices avec des espaces blancs, des chiffres ou des signes de ponctuation autres que des traits d'union pour éviter toute confusion avec les valeurs de mots-clés ou pour éviter d'avoir à échapper des signes de ponctuation dans l'identifiant.

Quand les guillemets sont nécessaires

Les guillemets sont essentiels lorsque les noms de polices correspondent à des valeurs de mots clés telles que « hériter », « serif » ou « monospace ».

Conclusion

Bien qu'il y ait une différence technique entre les noms de famille de polices entre guillemets et non cités, il est peu probable qu'elle pose des problèmes dans les navigateurs modernes. Toutefois, il est recommandé d'utiliser des guillemets lorsque le nom de la police contient des caractères spéciaux ou correspond à des valeurs de mots-clés. En suivant cette pratique, vous pouvez garantir un rendu correct des polices et éviter toute confusion potentielle dans votre code CSS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn