0

我正在本地开发一个站点，并且正在使用 webfonts 作为符号。当我只是在浏览器中查看文件（即 file:///path/to/file.html）时，webfonts 在 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');

}

4

1 回答 1

2

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

于 2012-12-30T07:10:29.353 回答