CSS のフォント ファミリ名の引用符はまだ必要ですか?

CSS での引用符のないフォント名

CSS でフォ​​ント ファミリ名を引用符で囲むという概念は、これまで一般的に行われてきました。ただし、この方法は最新のブラウザでも必要なのでしょうか?という疑問が生じます。このトピックを詳しく掘り下げて、このルールの背後にあるロジックを明らかにしましょう。

CSS 仕様

CSS 2.1 仕様では、フォント ファミリ名は引用符で囲まれた文字列として指定できると規定されています。または引用符で囲まれていない一連の識別子として。識別子を使用する場合は、特殊文字と数字をエスケープする必要があります。

引用符の利点

フォント ファミリ名にスペース、数字、または句読点が含まれる場合は、フォント ファミリ名を引用符で囲むことをお勧めします。 (ハイフンを除く)。これにより、名前が正しく解釈され、潜在的な解析エラーが回避されます。

例外と注意点

引用符が必須である例外がいくつかあります。 CSS キーワード (「inherit」、「serif」など) に一致するフォント ファミリ名は、曖昧さを避けるために引用符で囲む必要があります。さらに、「/」や「!」などの句読点文字も使用できます。

ブラウザへの影響

古いブラウザでは引用符で囲まれていないフォント名に問題があった可能性がありますが、Safari や Firefox などの最新のブラウザでは問題が発生しています。レンダリングに問題はありません。したがって、レンダリング目的のみでフォント ファミリ名を引用する必要はなくなりました。

結論

CSS でフォ​​ント ファミリ名を引用することは、最新のブラウザではもはや必須ではありません。 。ただし、解析の一貫性を確保し、潜在的なエラーを防ぐために、スペースやその他の特殊文字を含む名前を引用符で囲むことをお勧めします。読みやすさと一貫性を保つために、すべてのフォント ファミリ名を引用することをお勧めします。

以上がCSS のフォント ファミリ名の引用符はまだ必要ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。