引用するべきか引用しないべきか: CSS でフォ​​ント ファミリ名を引用符で囲む必要があるのはどのような場合ですか?

文体上のジレンマへの対処: CSS ではフォント ファミリー名を引用符で囲む必要がありますか?

フォント ファミリー名を囲む必要性をめぐる議論引用符で囲んだものは CSS コミュニティに長く残っています。この疑問は、最新のブラウザーが挑戦してきた長年の「ベスト プラクティス」から生じたものです。この規則の背後にある技術性とロジックを詳しく見てみましょう。

技術的基礎

CSS 2.1 仕様によれば、フォント ファミリ名は引用符の有無にかかわらず指定できます。引用符で囲まれていない場合、名前は一連の識別子である必要があります。ただし、識別子にはスペースや特定の句読点文字を含めることはできません。これらの文字を含めるには、エスケープするか、名前を引用符で囲む必要があります。

経験則では、ハイフン以外の空白、数字、または句読点を含むフォント ファミリ名を引用符で囲むことをお勧めします。この推奨事項により、エスケープ時の潜在的なエラーが回避されます。

実用的な意味

実際には、スペースを含むフォント ファミリ名から引用符を削除しても、Safari などの主要なブラウザでは問題が発生しないようです。そしてFirefox。これは、引用符を使用する「ベスト プラクティス」が最新のブラウザーにとって必須ではない可能性があることを示唆しています。ただし、いくつかの例外があります:

• キーワードの混乱: CSS キーワードと同じフォント ファミリ名 (例: 'serif'、'monospace') は引用符で囲む必要があります。混乱を避けるため。
• エスケープが必要な識別子: / や ! などの句読点識別子内では引用符またはエスケープが必要な場合があります。

推奨事項

最新のブラウザでは、スペースを含むフォント ファミリ名を引用符で囲む必要がない場合がありますが、他のフォント ファミリ名を引用符で囲む必要はありません。特殊文字を使用したり、CSS キーワードに一致させたりすることは、依然として賢明な方法です。これにより、一貫性と明確さが確保され、潜在的な落とし穴が回避されます。

以上が引用するべきか引用しないべきか: CSS でフォ​​ント ファミリ名を引用符で囲む必要があるのはどのような場合ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。