font-face用于本地字体

Question

我有一个html/css页面的框架，它使用了一个带有otf的font-face声明。现在我想把它转换成像Verdana这样的普通字体。如何将Verdana赋值给font-face声明，避免对font-family声明进行大量替换？换句话说:如何使用font-face声明的字体名称作为字体变量？

@font-face {
    font-family: 'bauer-bodoni.otf';
    src: url(../fonts);

应该是这样的(在此表单中不起作用)：

@font-face {
    font-family: 'Verdana', 'Arial', sans-serif;

非常提前感谢您。-R。

编辑/回答:我自己发现的。诀窍不是像在普通字体声明中那样列出字体，用逗号分隔，而是为每个字体使用"local()“：

@font-face {
    font-family: 'myOwnFontSet';
    src: local('Verdana');
    src: local('Arial');
    src: local(sans-serif);

Answer 1

您的更新仍然是错误的。您需要以下内容：

@font-face {
font-family: 'myOwnFontSet';
src: local('Verdana'), local('Arial'), local(sans-serif); }