无法解码下载的字体

一尘不染

无法解码下载的字体

html

这是我在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等。

阅读 489

2020-05-10

共1个答案

一尘不染

在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 */
}

编辑：

“无法解码下载的字体”表示字体已损坏或不完整（缺少指标，必要的表，命名记录以及一百万种可能的内容）。

有时，此问题是由字体本身引起的。Google字体可提供您所需的正确字体，但如果需要字体，我可以使用Transfonter生成所有字体格式。

有时是FTP客户端破坏了文件（在这种情况下不存在，因为它在本地pc上）。确保以二进制而不是ASCII传输文件。

2020-05-10