2

この特定のフォント css が適用されていることがわかります


font: 400 50px/60px "minion-pro",times,serif;

要素。400 とは何か、50px/60px の意味と、「minion」、times、または serif の 3 つのフォントのどれが適用されるかを理解したいと思います。

4

4 に答える 4

5

次のように書くことができます：

div{
 font-weight:400;
 font-size:50px;
 line-height:60px;
 font-family:"minion-pro",times,serif;
}

font-familyではfall backfonts です。フォールバック フォントは、ユーザー コンピューターにない場合は代わりに"minion-pro"選択され、ユーザー コンピューターにない場合はフォント ファミリが選択されることを意味します。times"minion-pro"timesserif

于 2012-04-16T06:04:49.027 に答える
1

次のように書き直すことができます。

font-weight: 400;
font-size: 50px;
line-height: 60px;
font-family: "minion-pro",times,serif;

400フォントの太さ、つまりフォントサイズ、50px/60px行の高さも同様です。Webページを表示しているコンピューターに存在する最初の使用可能なフォントが適用されます。50px60px

http://www.w3.org/TR/CSS21/fonts.html#propdef-font

于 2012-04-16T06:10:40.310 に答える
1

これは省略形のfontプロパティです。

font: style variant weight size / height family1, family2,...;

の略です

font-style : style;
font-variant: variant;
font-weight: weight;
font-size: size;
line-height: height;
font-family: family1, family2,...;

font-familyプロパティは優先リストを取ります：

プロパティ値は、フォントファミリ名および/または一般的なファミリ名の優先リストです。

ブラウザは、利用可能な最初のフォントファミリを使用します。sans-serif、、などの一般的な名前がいくつかありserifますmonospace。

編集font-weight:400：また、それはと同じであることに注意してくださいfont-weight: normal。

参照：

于 2012-04-16T06:10:53.847 に答える
0

フォントについてはお答えできますが、利用可能な順に使用されます (一部のブラウザーではレンダリングされないか、認識されない場合があります)。最初にミニオン、次にセリフ。400については今のところわかりません

于 2012-04-16T06:06:10.540 に答える