使用 @font-face src: local with fonts.com web fonts

Question

正如 here 所讨论的，经济实惠的 fonts.com 网络字体计划不允许通过 @font-family 直接嵌入字体，或者看起来...

我想知道这是否可行：

@font-face {
    font-family: 'Main';
    src: local('FoobarBk'), local('FoobarBk Regular');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Main';
    src: local('FoobarMd'), local('FoobarMd Regular');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Main';
    src: local('FoobarIt'), local('FoobarIt Regular');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Main';
    src: local('FoobarMdIt'), local('FoobarMdIt Regular');
    font-weight: normal;
    font-style: normal;
}

这个想法是，一旦 fonts.com 提供的脚本完成了 FoobarBk、FoobarMd、FoobarIt 和 FoobarMdIt 字体的加载，它们将可以作为本地字体（无需额外的页面加载）和任何指定 Main 的 CSS 样式使用font-family 会立即使用它们。

我怀疑这只是一厢情愿，但我更希望有人以一种或另一种方式回答。

Answer 1

根据我的经验，这里的“本地”一词意味着用户已将字体安装到他们的操作系统中，而不是只是浏览器中的本地缓存文件。

对于您网站的新用户，您希望能够保证他们获得您的字体，因此“本地”字体通常指向不存在的引用，因此他们必须从您的网络服务器下载。这是为了防止用户使用与您的名称相同的 naff 字体而设计看起来很糟糕。

参见smiley-face answer 也在 SO

如果您处于受控环境中，您知道您可以信任客户端安装的字体（即他们安装了所有 Foobar 变体），那么您的方法将有效。