Web字体在本地的firefox中不起作用，但在服务器上起作用

Question

我正在开发一个本地网站，并使用符号的网页字体。当我只是在我的浏览器中查看文件时(例如file:///path/to/file.html) )，网页字体在Chrome中可以使用，但在Firefox中不能。但是，如果我将站点上传到我的服务器并在Firefox中查看文件，它就可以正常工作。你知道为什么会这样吗?我能做些什么才能在本地正确地查看文件？

以下是代码片段(所有路径都是有效的)：

@font-face {
font-family: 'WebSymbolsRegular';

src: url('fonts/websymbols.eot?#iefix') format('embedded-opentype'),
     url('fonts/websymbols.woff') format('woff'),
     url('fonts/websymbols.ttf') format('truetype'),
     url('fonts/websymbols.svg#WebSymbolsRegular') format('svg'),
     url('fonts/websymbols.eot');

}

Answer 1

这很可能是由于协议的原因(文件而不是http)。您几乎总是希望在本地服务器上进行测试，而不仅仅是在浏览器中从磁盘打开页面。安装适用于Linux的Apache、Nginx或Lighttpd；或适用于Windows的IIS、IIS Express或Apache。然后，设置一个本地站点(即localhost:1234)，该站点指向您的站点所在的文件夹，并通过该站点运行页面。