2

正如这里所讨论的，负担得起的 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将立即使用他们。

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

4

1 回答 1

3

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

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

也可以在 SO 上查看笑脸答案

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

于 2012-12-27T16:20:16.050 回答