无cookie子域和@字体

Question

我已经建立了一个没有饼干的子域名。在我的css中，我使用@字体：

@font-face {
font-family: Butterfly Kids;
src:url(fonts/butterfly/Butterfly-Kids.ttf.woff) format('woff'),
    url(fonts/butterfly/Butterfly-Kids.ttf.svg#Butterfly-Kids) format('svg'),
    url(fonts/butterfly/Butterfly-Kids.ttf.eot),
    url(fonts/butterfly/Butterfly-Kids.ttf.eot?#iefix) format('embedded-opentype'); 
font-weight: normal;
font-style: normal;

}

但是字体没有出现。我试着把这条路设置成：

src(https://static.domain.com/fonts/butterfly/Butterfly-Kids.ttf.woff) format('woff'), etc.

这也没有打开字体。有谁知道如何用一个不带cookie的子域来设置@字体面的路径呢？谢谢你的兴趣。西奥

Answer 1

@字体-face不需要cookie(除非您选择缓存字体以避免服务器命中)，而且拥有子域也没有什么区别。

因此，您可能对您的URL有问题。第一个(多行)示例中的路径相对于您的css文件；您的“字体”目录是否与css文件位于同一个目录中？如果不是，那就是你的问题(或一个问题)。

此外，检查您的字体文件格式。所有的字体都有'ttf‘(TrueType)作为第一个文件扩展名，但它们也不能是.eot (Embedded )、.svg ()等等:它们是不同的文件格式。确保所有字体文件的格式都是正确的。