このフォントスタイリングは特にどのような方法ですか？

Question

私は

 

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

要素に適用この特定のフォントのCSSを参照してください。私は400pix/50pxの意味と3つのフォント "minion"、times、serifのどれが適用されるのか理解したい。

Answer 1

あなたは次のように書くことができます：フォントファミリで

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

を彼らはfall backフォントです。フォールバックフォントとは、"minion-pro"がユーザのコンピュータに存在しない場合、の代わりに"minion-pro" &を選択した場合です。timesがユーザのコンピュータに存在しない場合は、serif font-familyです。

Answer 2

私はフォントのために答えることができます。利用可能な順番で使用されます（一部のブラウザでは表示されないかもしれません）。私はそれは次のように書き換えることができる瞬間

Answer 3

で知らない400の場合：

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

ので400は、フォントの重みであり、50px/60pxは60px行の高さと、50pxフォントサイズを意味しています。ウェブページを表示しているコンピュータに存在する最初に利用可能なフォントが適用されます。

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

Answer 4

これはshorthand font propertyです。

プロパティ値がフォントファミリ名および/または一般的なファミリ名

の優先順位リストは、次のとおりです。

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プロパティを優先リストを取るために短いです

ブラウザは、最初のfont-familyそれは利用可能です。 sans-serif,serif、monospaceのようないくつかの一般的な名前があります。

編集：font-weight:400はfont-weight: normalと同じです。

も参照してください：

• W3C: CSS2.1: Fonts