仅在缺少字体时才嵌入@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);
}