css - 本地字体的 font-face

Question

我有一个使用带有 otf 的字体声明的 html/css 页面框架。现在我想将它切换为像 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);

score 1 · Accepted Answer

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

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

1 回答 1