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字体，它们就可以作为本地字体（没有额外的页面加载）和指定{{1}的任何CSS样式因为Main会立即使用它们。

我怀疑这只是一厢情愿的想法，但我更愿意有人以某种方式回答问题。

Answer 1

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

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

请参阅SO {/ p>上的smiley-face answer

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

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

1 个答案: