加载.woff扩展名的字体时出现意外的标记ILLEGAL

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。