加载otf字体因“版本标记无效”而失败

Question

我有一个需要自定义字体（this one, specifically）和Polymer代码库的元素。我将其导入单独的style块中，如下所示：

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

然后在Polymer的dom-module块中，我将此字体应用于d3项目，如下所示：

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

然而，在Chrome devtools中，我得到了：

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

我检查过，右边的字体文件位于该网址指定的确切位置。我用另一个组件导入的确切文件夹中有另一种字体，用同样的方法，所以我不确定这里出了什么问题。