无法解码下载的字体
这是我在Chrome中遇到的一个错误，不幸的是，搜索它并没有给我太多的结果。字体本身显示正确。但是，我仍然收到这个错误/警告。更具体地说，这是完整的警告：
“无法解码下载的字体：http://localhost:8000/app/fonts/Lato/”
我的CSS是：
@font-face {
font-family:"Lato";
src: url("../fonts/Lato/");
}
html, body {
font-family:'Lato';
}我就是不明白。字体应用正确，但警告始终存在。尝试使用Sans-Serif会使字体恢复为正常的浏览器字体，所以可能就是这样，但我不确定，即使经过搜索，我也没有找到任何东西。谢谢!
编辑
有各种各样的字体文件，都来自同一个家族。我正在尝试将它们全部加载。字体文件为.ttf。我从本地文件夹加载它们，有各种字体文件，如Lato-Black.ttf、Lato-Bold.ttf、Lato-Italic.ttf等。
回答 23
Stack Overflow用户
发布于 2015-05-26 00:28:15
在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 */
}编辑：
“无法解码下载的字体”表示字体已损坏或不完整(缺少指标、必需表、命名记录、可能的内容)。
有时这个问题是由字体本身引起的。谷歌字体提供了您需要的正确字体，但如果字体是必需的，我使用Transfonter生成所有字体格式。
有时是损坏文件的FTP客户端(本例中不是，因为它在本地pc上)。请确保以二进制而不是ASCII格式传输文件。
Stack Overflow用户
发布于 2015-06-30 23:34:00
我在Visual Studio中遇到了类似的问题，这是由问题字体的错误url()路径引起的。
在更改(例如)后，我不再收到此错误：
@@font-face{
font-family: "Example Font";
src: url("/Fonts/ExampleFont.eot?#iefix");要这样做：
@@font-face{
font-family: "Example Font";
src: url("../fonts/ExampleFont.eot?#iefix");Stack Overflow用户
发布于 2016-10-26 15:01:46
将format('woff')更改为format('font-woff')可以解决此问题。
与Germano Plebani的回答相比，这只是一个小小的改变
@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('font-woff'), /* Pretty Modern Browsers */
url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}请检查您的浏览器源是否可以打开它，类型是什么
https://stackoverflow.com/questions/30442319
复制相似问题