65

私の知る限り、フォントにスペースが含まれている場合は、次のように二重引用符または一重引用符を使用する必要があります。

font-family: "Times New Roman", Times; 
font-family: 'Times New Roman', Times;

しかし、Google Fonts（http://www.google.com/webfont）では、

font-family: 'Margarine', cursive;

ある人はそれをそのように使うことさえあります：

font-family: 'Margarine', 'Helvetica', arial;

次のように機能するので、これは奇妙だと思います。

font-family: Arial, Helvetica, sans-serif;
font-family: Cambria, serif;

では、CSSのフォント名を引用符で囲む正しい使用法は何ですか？

4

5 に答える 5

81

特定のフォントファミリ名は、二重引用符または単一引用符でいつでも引用できます。したがって、、、Arialおよび"Arial"は'Arial'同等です。のようなCSS定義の汎用フォントファミリ名のみsans-serifを引用符なしで記述する必要があります。

一般に信じられていることとは異なり、などのスペースで区切られた名前で構成されるフォント名はTimes New Roman引用符で囲む必要はありません。ただし、仕様 では、 「空白、数字、またはハイフン以外の句読文字を含むフォントファミリ名を引用する」ことを 推奨しています。</ p>

于 2012-12-06T20:41:05.000 に答える
8

font-familyを引用する場合：

オプション

font-family: Times New Roman;         /* These are equivalent */
font-family: 'Times New Roman';
font-family: "Times New Roman";

font-family: Unique Ode™  Épopée;   /* These are equivalent */
font-family: "Unique Ode™  Épopée";

font-family: "Answer #42"             /* These are equivalent */
font-family: "Answer \23 42";
font-family: Answer \23 42;

フォント名に次のもののみが含まれている場合：

その場合、引用符はオプションです。一重引用符または二重引用符。ケースは無視されます。奇妙なエッジケースがいくつかあります。引用符で囲まれていない単語は、数字、ダッシュダッシュ、またはダッシュ数字で始めてはなりません。

しなければならない

font-family: "Intro Rust 2"           /* Unquoted words must not start with numbers. */
font-family: "Serif";                 /* For your own Serif, not the generic serif. */
font-family: "Yin/Yang";              /* Quote or code most ASCII punctuation. */

したほうがいい

font-family: "Initial Seals JNL"      /* `initial` and `default` are reserved words. */
font-family: "Omar Serif"             /* Generic names might also be reserved words? */

してはいけない

font-family: monospace;               /* Generic fonts must NOT be quoted. */
font-family: serif;
font-family: sans-serif;
font-family: cursive;
font-family: fantasy;

ありがとう：

于 2020-08-29T20:08:03.760 に答える
7

私は、引用符が必要ではなく、むしろ推奨されていることを自分自身で学びました。私たちは皆、毎日何か新しいことを学びます。

あなたがそれらを見る他の場所は、URLを必要とするcssプロパティにあります

background:url('hithere.jpg');
background:url(hithere.jpg);

これらのステートメントは両方ともまったく同じように機能します。フォントについても同じことが言えます。この場合、どのタイプの引用符を使用するかは関係ありません。あなたが物事を行う方法に一貫性を持たせるだけで、それが本当に重要です。

于 2012-12-06T19:57:28.447 に答える
3

2つの理由で;

  1. 実際のフォントファミリ名が一般的なファミリ名と同じ名前を共有する場合、同じ名前のキーワードとの混同を避けるために、たとえば

p {font-family: 'Shift', sans-serif;}

  1. フォントファミリー名に複数の単語がある場合例：

p {font-family: 'Times New Roman', ..... , a generic family name here ;}

于 2014-12-22T19:13:07.713 に答える
-6

フォント名にスペースがある場合は、引用符を使用する必要があります。フォント名にスペースがない場合は、ファイルサイズ以外に影響を与えることはありませんが、フォント名を省略しておくことをお勧めします。

例：

font-family: "Times New Roman", Times; // ok, and best practice
font-family: Times New Roman, Times; // incorrect, Browser won't be able to find Times New Roman
font-family: "Times New Roman", "Times"; // ok, but has extraneous quotes around Times
于 2012-12-06T19:56:05.063 に答える