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

CSS でフォ​​ント ファミリー名を引用符で囲むことは必要ですか?

従来、CSS 内で複数の単語を含むフォント名を引用符で囲むことは有効であると考えられていました。 font-family プロパティは良い習慣であると考えられていました。ただし、最近のテストでは、Safari や Firefox などのブラウザでは引用符なしでフォントを問題なくレンダリングできることが示されています。

CSS 仕様

CSS 2.1 仕様によると、フォント ファミリーは名前は文字列として引用符で囲むか、一連の識別子として引用符で囲まずに記述する必要があります。識別子を使用する場合、トークンの先頭の句読点と数字はエスケープする必要があります。

推奨プラクティス

CSS 仕様では厳密には引用符が必要ではありませんが、引用符を使用することが推奨されています。キーワード値との混同を避けるため、またはエスケープの必要性を防ぐために、フォント ファミリ名にはハイフン以外の空白、数字、または句読点が含まれます。

引用符が必要な場合

フォント名が「inherit」、「serif」、または「serif」などのキーワード値と一致する場合、引用符は必須です。 'monospace'.

結論

引用符で囲まれたフォント ファミリ名と引用符で囲まれていないフォント ファミリ名には技術的な違いがありますが、最新のブラウザでは問題が発生する可能性は低いです。ただし、フォント名に特殊文字が含まれている場合、またはキーワード値と一致する場合は、引用符で囲むことをお勧めします。この実践に従うことで、適切なフォントのレンダリングを確保し、CSS コード内の潜在的な混乱を避けることができます。

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