Html 无法加载字体
当我尝试将字体加载到中时,出现以下错误: 无法解码下载的字体:Html 无法加载字体,html,css,fonts,Html,Css,Fonts,当我尝试将字体加载到中时,出现以下错误: 无法解码下载的字体: OTS分析错误:版本标记无效 我已经添加了一个格式类型,并且正在通过html文件中的样式标记加载我的样式 另外,我认为这可能是一个网页包问题,所以我还将此添加到网页包配置文件中: { 测试:/\.ttf$/,, 加载器:“url加载器?限制=100000&mimetype=application/font ttf” }这是我的字体代码: @font-face { font-family: "BebasNeue_Regular
OTS分析错误:版本标记无效 我已经添加了一个格式类型,并且正在通过html文件中的样式标记加载我的样式 另外,我认为这可能是一个网页包问题,所以我还将此添加到网页包配置文件中:
{
测试:/\.ttf$/,,
加载器:“url加载器?限制=100000&mimetype=application/font ttf”
}
这是我的字体代码:
@font-face
{
font-family: "BebasNeue_Regular";
src: url("../../Resource/Font/Bebas Neue/.eot?#iefix") format("embedded-opentype"), url("../../Resource/Font/Bebas Neue/.woff") format("woff"), url("../../Resource/Font/Bebas Neue/.ttf") format("truetype"), url("../../Resource/Font/Bebas Neue/.svg#BebasNeue_Regular") format("svg");
font-weight: normal;
font-style: normal;
}
这是回调:
h1
{
font family: 'BebasNeue_Regular';
}
存在一些问题:
1.可能您的浏览器不支持字体文件->这就是为什么我使用一些src url进行回调。
2.你真的确定文件名是正确的吗?。
3.如果是,请尝试使用浏览器访问字体url,它是否工作或丢失。
4.firefox在本地发布时存在一些无法呈现字体的问题。- 检查您的web服务器是否具有读取包含字体和字体文件本身的文件夹的权限。还要检查这些文件,确保它们的权限不是“禁止的”-并且应该由您的web服务器用户(-或“所有人”)读取
- 确保这些字体的URL路径正确;您还可以使用同一CSS文件中的背景图像URL来测试这一点,以测试相对路径
- 如果上述情况正常,则可能是特定字体文件有问题,或者您的web服务器可能无法正确传输二进制数据。当您重写默认web服务器行为并通过其他方式流式传输数据时,可能会导致后者
- 用你知道会有用的网页字体试试上面的方法,比如“FontAwesome”;如果失败了,那么剩下的唯一一件事就是二进制数据被错误地传递了——因此可能会在前面添加或附加额外的“空白”——这在像PHP这样的嵌入语言中很容易发生
- 如果这是上面最后一点所述的问题,那么可以通过在交付字体数据之前和之后清除输出缓冲区来轻松解决。在PHP中,可以使用:
清理(并检查)输出缓冲区ob\u get\u clean()
- 我认为您的CSS语法不正确
@font-face {
font-family: "Bold";
src: url("../assets/fonts/Overpass-Bold.ttf") format('truetype');
}
现在试试
您的字体路径不正确,您添加了一个点而不是两个点只是想知道,这是正确的文件路径吗?只是想确定你想说的是/而不是../是,这是正确的路径。在我的控制台中,我看到浏览器试图在这里获取它:这与我的文件夹结构相匹配。只是想再核实一下。我知道我以前在xampp中也遇到过这种情况。不过,感谢您的仔细检查,这可能是问题所在,但似乎不是。@font-face{font-family:“Light”;src:url(../assets/fonts/Overpass-Light.ttf)格式('truetype');}