只有在缺少字体时才使用@ font-face嵌入？

Question

我想使用@ font-face嵌入字体，但前提是用户系统中缺少此字体。例如，如果他安装了Verdana，那么我希望在浏览器中应用此规则：

font-family: Verdana;

但如果缺少Verdana，我希望通过@ font-face指令嵌入它，如下所示：

@font-face {
  font-family: Verdana;
  src: url(/some_path/verdana.ttf);
}

如何编写此选择的代码？

Answer 1

使用

@font-face {
  font-family: Verdana;
  src: local('Verdana'), url(/some_path/verdana.ttf);
}