网页字体不';不能在本地firefox上工作,但在服务器上可以

网页字体不';不能在本地firefox上工作,但在服务器上可以,firefox,webfonts,Firefox,Webfonts,我正在本地开发一个网站,并使用webfonts作为符号。当我在浏览器中查看文件时(即。file:///path/to/file.html)webfonts可以在Chrome中使用,但不能在Firefox中使用。但是,如果我将站点上传到服务器并在Firefox中查看该文件,它就可以正常工作。知道为什么会这样吗?我能做些什么才能在本地正确地查看文件 下面是一个代码段(所有路径都有效): }这很可能是由于协议(文件而不是http)造成的。您几乎总是希望在本地服务器上进行测试,而不仅仅是在浏览器中从磁盘

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

下面是一个代码段(所有路径都有效):


}

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

谢谢您的评论。我已经设置了lamp环境,但是我的eclipse工作区没有在那里设置。我只是移动了我的文件,效果很好。
@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');