无Cookie子域和@Font-Face

时间:2016-12-30 作者:timholz

我已经设置了一个无cookie的子域。在我的css中,我使用@font-face:

@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子域设置@font-face的路径?感谢您的关注。西奥

1 个回复
最合适的回答,由SO网友:iguanarama 整理而成

@字体脸不需要cookie(除非您选择缓存字体以避免服务器点击),拥有子域也不会有什么不同。

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

此外,请检查字体文件格式。所有字体的第一个文件扩展名都是“ttf”(TrueType),但它们不能也是。eot(嵌入式开放式)。svg(可缩放矢量图形)等等:这些是不同的文件格式。确保所有字体文件的格式都正确。