本地字体的font-face

Question

3

我有一个使用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);

- Robbit

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- rottitime · Accepted Answer

你的更新仍然有误。你需要以下内容：

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