本地字体的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); }