这是我在 Chrome 中遇到的错误,不幸的是搜索它并没有给我太多结果。字体本身显示正确。但是我仍然收到此错误/警告。更具体地说,这是完整的警告:
“无法解码下载的字体:http://localhost:8000/app/fonts/Lato/"
我的 CSS 是这些:
@font-face {
font-family:"Lato";
src: url("../fonts/Lato/");
}
html, body {
font-family:'Lato';
}
我只是不明白。字体应用正确,但警告始终存在。尝试使用Sans-Serif
使字体恢复为正常的浏览器字体,所以可能就是这样,但我不确定,即使在搜索后我也没有找到任何东西。谢谢!
EDIT
有各种字体文件,都来自同一家族。我正在尝试将它们全部加载。字体文件是.ttf
。我从本地文件夹加载它们,并且有各种字体文件,例如Lato-Black.ttf
, Lato-Bold.ttf
, Lato-Italic.ttf
etc.
在 css 规则中,您必须添加文件的扩展名。
这个例子得到了最深入的支持:
@font-face {
font-family: 'MyWebFont';
src: url('webfont.eot'); /* IE9 Compat Modes */
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
EDIT:
“无法解码下载的字体”意味着字体已损坏或不完整(缺少指标、必要的表格、命名记录、一百万种可能的东西)。
有时这个问题是由字体本身引起的。谷歌字体提供了您需要的正确字体,但如果需要字体,我会使用传输器生成所有字体格式。
有时是 FTP 客户端损坏了文件(在本例中不是,因为是在本地电脑上)。确保以二进制而不是 ASCII 传输文件。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)