Browser 加载otf字体失败，原因是'；无效的版本标记'；

我有一个需要自定义字体（）和聚合代码基的元素。我在一个单独的

样式

块中导入它，如下所示：

<style>
    @font-face {
        font-family: "Hattori";
        src: url("../fonts/Hattori-Hanzo.otf");
        font-weight: normal;
        font-style: normal;
    }
</style>

var legend = main.append("g")
                    .attr("font-family", "Hattori")

然而，在Chrome开发工具中，我得到：

Failed to decode downloaded font: http://localhost:8080/src/fonts/Hattori-Hanzo.otf
OTS parsing error: invalid version tag

---

我选中了，正确的字体文件位于该url指定的确切位置。我在该文件夹中有另一种字体正被另一个组件以相同的方法导入，所以我不确定这里出了什么问题。

这与polymer无关：OTS警告是浏览器根据字体消毒分析告诉您使用的字体无效。第1步：不要使用

otf

，使用

woff

（因为这是webfonts的格式，它允许浏览器忽略对具有

tff

和

otf

扩展名的通用系统字体必须执行的某些操作）。然后，如果这不起作用，是时候用一个真正的字体实用程序（如TTX）检查字体的格式是否错误了。我尝试了

.woff

文件，但它仍然在抱怨版本标签。不知道为什么；这是我发布的链接中的一种完全合法的字体。你记得告诉浏览器该字体使用的是哪种格式吗？

src:url（…）格式（“woff”）

？我下载了.otf并使用了

src:url（Hattori_Hanzo.otf）格式（“opentype”）

这很好，woff版本也是如此。但是，如果我不告诉浏览器它是什么格式，我确实会出错。

src:url（../fonts/Hattori Hanzo.woff）格式（“woff”）仍然失败。即使我尝试了一些我知道应该有用的东西，比如谷歌字体（doing
url（）https://fonts.googleapis.com/css?family=Sarala“”
，它仍然会失败，并显示完全相同的消息。您是否可以创建一个单独的纯html文件，仅使用字体的样式加载器和一行
测试
将
作为内容进行测试，看看是否有效？（我假设您没有从
文件中加载内容：//
）这与polymer无关：OTS警告是浏览器根据字体消毒液分析告诉您使用的字体无效。步骤1：不要使用
otf
，使用
woff
（因为这是webfonts的格式，它允许浏览器忽略一些必须对具有
tff
和
otf
扩展名的通用系统字体强制执行的内容）。然后，如果这不起作用，是时候用TTX等真正的字体实用程序检查字体格式是否错误。我尝试了
.woff
文件，但它仍然抱怨版本标记。不确定原因；这是我发布的链接中的完全合法的字体。你记得告诉浏览器字体使用的格式是
src:url（…）格式（“woff”）
？我下载了.otf并使用了
src:url（Hattori_Hanzo.otf）格式（“opentype”）；
，效果很好，woff版本也是如此。但是，如果我不告诉浏览器它是什么格式，我会出错。
src:url（../fonts/Hattori Hanzo.woff”）格式（“woff”）
仍然失败。即使我尝试一些我知道应该有用的东西，比如谷歌字体（做
url（）https://fonts.googleapis.com/css?family=Sarala“”
，它仍然会失败，并显示完全相同的消息。您是否可以创建一个单独的纯html文件，仅使用字体的样式加载器和一行
测试
将
作为内容进行测试，看看是否有效？（我假设您没有从
文件中加载内容：//
）