javascript - 加载带有 .woff 扩展名的字体时出现意外标记非法

Question

我尝试以多种不同的方式设置 MIME 类型，例如:

<staticContent>
    <mimeMap fileExtension=".woff" mimeType="application/woff" />
    <mimeMap fileExtension=".woff" mimeType="font/woff" />
    <mimeMap fileExtension=".woff" mimeType="font/opentype" />
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
</staticContent>

但无论如何我都会收到错误:Uncaught SyntaxError: Unexpected token ILLEGAL tinymce.woff:1 在最新版本的 Firefox 和 chrome 中测试

Answer 1

您无法使用 <script> 加载字体标签。这仅用于 Javascript 文件。

字体必须使用 @font-face 加载CSS 规则，例如:

@font-face {
    font-family: 'Gill Sans';
    src: url('/s/gillsans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

有关详细信息，请参阅 MDN's article on @font-face .