2

为什么 font-awesome 适用于 localhost 而不是 web ？

请帮忙！！

@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot@v=3.0.1');
  src: url('font/fontawesome-webfont.eot@#iefix&v=3.0.1') format('embedded-opentype'),
    url('font/fontawesome-webfont.woff@v=3.0.1') format('woff'),
    url('font/fontawesome-webfont.ttf@v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}
4

3 回答 3

1

我从这里找到了解决这个问题的方法：在页面的一半左右，一个名叫 Thorst 的人回答了这个问题。

为我节省了很多挫败感！

万一链接失效->

更改字体-awesome.css

从：

src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'),
 url('../font/fontawesome-webfont.woff') format('woff'),
 url('../font/fontawesome-webfont.ttf') format('truetype'),
 url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');

至：

 src: url('../font/fontawesome-webfont.eot?#iefix')
 format('embedded-opentype'), url('../font/fontawesome-webfont.woff')
 format('woff'), url('../font/fontawesome-webfont.ttf')
 format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome')
 format('svg');

*注意：eot 的格式已更改。

于 2013-06-28T04:13:43.557 回答
1

如果您的字体真棒文件与您的网页位于不同的服务器上，您的浏览器中可能会出现 CORS（跨源资源共享）错误。您可以使用 MaxCDN 服务器或修改您的服务器（提供令人敬畏的字体文件）以Access-Control-Allow-Origin:*在字体文件中包含标题。请参阅我对 Chrome 中未显示的 Font Awesome 图标的回答，这是与 MaxCDN 相关的跨域资源共享策略问题

于 2014-10-15T23:46:44.723 回答
0

我从来没有见过使用@这样的标志。尝试在他们的位置使用问号：

@font-face {
  font-family: 'FontAwesome';
  src: url('font/fontawesome-webfont.eot?v=3.0.1');
  src: url('font/fontawesome-webfont.eot?v=3.0.1#iefix') format('embedded-opentype'),
    url('font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
    url('font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}

在第 4 行，我还交换了 and 的顺序#iefix，v=3.0.1并删除了&.

于 2013-05-11T12:27:13.603 回答