Question

我对@font-face的概念提出了一个非常基本的问题：

导入这样的字体时（例如从灯丝组中获取font-events / font-loading.html）：

@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-lightit-webfont.woff2') format('woff2'),
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: url('fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
    font-weight: 600;
    font-style: normal;
}

在CSS中，我声明了类似

的内容

body {font-family: 'Source Sans Pro';}
em {font-style:italic;}
strong {font-weight: bold;}

文本是否会使用相应的font-faces进行渲染，或者浏览器是否会在默认的常规字体（在这种情况下为Source Sans Pro灯）上应用<em>faux-serifs</em>和<strong>faux-bold</strong>？

如果没有，这可能会以某种方式被“截获”吗？

感谢所有人！

大卫

@ font-face / weight / style上的概念Q.

0 个答案: