字体面重量(font-face weight)

我使用在应用我工作的自定义字体购买字体（博物馆三世）。 这些文件给我，当我购买它包含Web字体文件不同的权重：MuseoSans100Regular，MuseoSans300Regular等是否有@字体面的方式来指定文件，使用不同的权重，因此我可以这样做：

font-family: MuseoSans;
font-weight: 300;

而不是这样的：

font-family: MuseoSans300;

Answer 1:

是的，你必须指定哪些文件是其font-weight在两个不同的@font-face的定义：

@font-face {
    font-family: 'MuseoSans';
    src: url('../font/museo_sans_100.woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSans';
    src: url('../font/museo_sans_300.woff');
    font-weight: 300;
    font-style: normal;
}

h1, p {
    font-family: MuseoSans;
}

h1 {
    font-weight: 300; /* uses museo_sans_300.woff */
}

p {
    font-weight: 100; /* uses museo_sans_100.woff*/
}

文章来源: font-face weight