如何从URL路径加载.ttf字体？

Question

我正在尝试从.ttf在页面中加载外部URL path字体。

如果我在本地加载它会正常工作：

@font-face {
    font-family: 'myFnt';
         url('fonts/Font.ttf') format('truetype'),

}

但它在Firefox中不起作用，如果我尝试加载字体，它就不会加载字体：

@font-face {
    font-family: 'myFnt';
         url('http://www.mywebsite.com/fonts/Font.ttf') format('truetype'),

}

我在Google Chrome中对其进行了测试，无论哪种方式都可以正常工作，但如果我按照第二个代码中显示的方式进行操作，它就不会在Firefox中加载字体！

有人可以帮我解决这个问题吗？

Answer 1

这适用于chrome和firefox中的4个

@font-face {
    font-family: 'myFnt';
    src: url('webfonts/name.ttf');
    font-weight: normal;
    font-style: normal;
}

你正在使用.htaccess文件吗？如果是，请将.ae放在.htaccess文件

上

<FilesMatch "\.(ttf|otf|eot)$">
    <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

在这里，您可以阅读解决方案font-face not working only firefox