WebFont @ font-face define serif/sans-serif/monospace

Question

我在我的網站中使用了很多網絡字體，現在我想添加帶有serif/sans-serif/monospace字體類型的新字體系列。我的CSS的 部分：

@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'但我不想。

Answer 1

答案是否定的，唯一的方法是將font-family的名稱更改爲包含字體定義。

您可以設置font-style或font-weight並使用它們來選擇您的font-face，但不能堆疊font-face家族。