404访问字体文件时出错

时间：2015-06-01 作者：echoashu

添加了自定义字体，如下所示

上载web字体文件并授予其777权限

http://example.com/wp-content/themes/mytheme/css/fonts/

@font-face { font-family: \'museo_sans700\'; src: url(\'http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.eot\'); src: url(\'http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.eot?#iefix\') format(\'embedded-opentype\'), url(\'http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.woff\') format(\'woff\'), url(\'http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.ttf\') format(\'truetype\'), url(\'http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.svg#museo_sans700\') format(\'svg\'); font-weight: normal; font-style: normal; }

附加的捕捉enter image description here

有什么线索吗？？为什么会发生这种情况？？

3 个回复
SO网友:AddWeb Solution Pvt Ltd

请使用短路径文件url，而不是绝对路径。

所以代码是这样的：

@font-face{ /* for IE */
font-family:FontFamily;
src:url(Font.eot);
}
@font-face { /* for non-IE */
font-family:FontFamily;
src:url(http://) format("No-IE-404"),url(Font.ttf) format("truetype");
}
确保readable web发布了第一个与@font face相关的软件实用程序，用于快速轻松地创建本机压缩的EOT文件。

如果这不是您的解决方案，那么您需要检查https://stackoverflow.com/questions/4015816/why-is-font-face-throwing-a-404-error-on-woff-files.

SO网友:JonSnow

您的服务器似乎不允许加载woff和woff2字体。

请检查此文档。它有服务器配置来启用Azure中的woff和woff。https://base16solutions.wordpress.com/2017/11/09/issue-of-fonts-not-loading-on-azure-sites/

SO网友:sohan

404表示文件在您尝试访问的URL处不可用。检查文件路径和给定目录中的文件。

同时检查权限：文件权限：644目录：755

结束
标签： themes   css   404-error   小码农  

相关推荐

为每台移动设备创建自定义的CSS

我有一个wordpress网站，所有东西在普通浏览器上看起来都应该是这样的。但现在，如果我在移动it中访问它，就会发现某些部分看起来不太正确。当手机或平板电脑连接时，是否有办法修改css，或者如何修复它的手机版本？