Question

我在我的网站中使用了很多网络字体，现在我想添加新的字体系列，其中包含serif / sans-serif / monospace类型的字体。我的部分内容：

@font-face {
    font-family: 'DejaVu', sans-serif;
    font-weight: 400;
    font-style: normal;
    src: url(dejavu/DejaVuSans.ttf)
}
@font-face {
    font-family: 'DejaVu', monospace;
    font-weight: 400;
    font-style: normal;
    src: url(dejavu/DejaVuSansMono.ttf);
}
@font-face {
    font-family: 'DejaVu', serif;
    font-weight: 400;
    font-style: normal;
    src: url(dejavu/DejaVuSerif.ttf);
}

但它不起作用（在css控制台中我看到错误：font-family的错误值）。有没有办法让它只使用一个字体名称。

我知道我可以将font-family名称更改为：'DejaVu Serif'，但我不想。

Answer 1

答案是否定的，唯一的方法是更改font-family名称以包含字体定义。

您可以设置font-style或font-weight并使用这些选择font-face，但不能叠加font-face家庭。

WebFont @ font-face定义serif / sans-serif / monospace

1 个答案: