css如何载入多种字体,在css中包含多种字体的正确方法

我不是一个简单的时刻。哪种方式是在css中包含多种字体的正确方法？这里是简单的例子。在css中包含多种字体的正确方法

This？

@font-face {

font-family: DeliciousRomanRegular;

src: url(/Delicious-Roman-R.otf);

}

@font-face {

font-family: DeliciousRomanBold;

src: url(/Delicious-Roman-B.otf);

}

or this？

@font-face {

font-family: Roman;

src: url(/Delicious-Roman-R.otf);

font-style: normal;

font-weight: normal;

}

@font-face {

font-family: Roman;

src: url(/Delicious-Roman-B.otf);

font-style: normal;

font-weight: bold;

}

为什么？ 我使用第二个，因为我可以将字体家族添​​加到BODY，并将字体样式或字体重量添加到其他类。它的工作原理。

但我看到人们多次使用第一种方法。但在我看来，这太粗鲁了。 每次你需要为一个班级添加粗体时，你必须使用“font-family：DeliciousRomanRegular，Arial，sans-serif;”。 WTF？

2015-05-29

AlYu

+0

我总是用第二个。非常类似于你描述的相同原因:) –

+0

人们使用第一种方法，因为他们无知，不知道正确的做事方式。 –

2015-05-29 05:19:16

+0

使用第一个的人认为第二个人的风格和体重是全球性的。可能不是每个人都需要你看到的。 –