CSS: @font-face在字体文件上出现404错误

3

我最近为WordPress(v3.1)完成了一个Genesis(v1.5)子主题,并将其上传到我的网站,但字体未能正常显示。我使用Font Squirrel制作了适用于该字体的文件和CSS,并取得了字体设计师的网页嵌入使用许可。这段代码在我的测试网站上运行良好。

我使用Firefox(OS X v3.6.15)上的Firebug(v1.6.2)发现字体文件出现404错误。我已经三次检查了文件位置,它们都放在应该放置的位置。我已多次上传它们,但仍然无法解决字体文件的404错误。字体在Chrome(OS X v10.0.648.133)、Internet Explorer(Win XP SP3 v8.0.6001.18702)和Firefox(Win XP SP3 v3.6.15)中均无法正常工作。

我尝试逐个关闭插件,但没有任何效果,因此我知道这不是插件冲突引起的问题。我查看了服务器上的字体文件,所以我知道它们在那里。还有什么其他的尝试方法吗?

注意:由于没有正确的字体,我在生产网站上更改了标题字体大小的CSS,否则它会破坏布局。除此之外,代码与测试网站完全相同。请注意CSS文件顶部的“一旦font-face工作,请删除这些”部分。

3个回答

1

我在WordPress中使用面对面文件时也遇到了404错误。虽然文件存在,但在WordPress中却出现了404错误。

我将字体目录移出WordPress并放入域名根目录中,并相应地更改了CSS。

现在一切都正常了。


0
在生产环境中,您的字体位于fonts/目录中,而在测试用例中,只有"GuildofProfessionalActorsRegu"链接到fonts/,如果您使用Firebug更改#title a上的字体系列,您将看到自定义字体。尝试修复第一条规则。

之前没有注意到这个问题有多久了。 - Litek
谢谢 Litek。我不确定我何时修复了它,但在某个时间点上,我一定纠正了错误,因为现在它可以工作了。我会将这个问题标记为已回答。 - Slushman

0

使用任何代理?

在我的工作中,我无法看到我一些时间以前制作的网站...


我认为这不是代理问题,因为在这里它们对我也是404,而且我没有使用代理。 - Sam Starling

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接