2015-09-28 72 views
4

我在我的网站中使用了很多网络字体,现在我想添加带有serif/sans-serif/monospace字体类型的新字体系列。我的CSS的 部分:WebFont @ font-face define 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坏值)。 有没有什么办法可以使它只使用一个字体名称。

我知道我可以更改字体系列名称的样子:'DejaVu Serif'但我不想。

回答

2

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

您可以设置font-stylefont-weight并使用它们来选择您的font-face,但不能堆叠font-face家族。