Question

我已经google并在stackoverflow上搜索了几个小时，但仍无法正常工作。我的问题是ie8完全忽略了我的font-face声明，当我进入网络选项卡时，它甚至不需要来自服务器的字体（我没有看到错误，但我也没有看到调用）。有人有想法吗？我正在使用罗盘：

@include font-face(
  fontello,
  font-files(
      "fontello.eot?98351649",
      "fontello.eot?98351649?iefix",
      "fontello.woff?98351649",
      "fontello.ttf?98351649",
      "fontello.svg?98351649#fontello"
  ),
  $weight:normal,
  $style:normal
);

编译为：

@font-face {
  font-family: fontello;
  src: url('/static/fonts/fontello.eot?98351649') format('embedded-opentype'), url('/static/fonts/fontello.eot?98351649?iefix') format('embedded-opentype'), url('/static/fonts/fontello.woff?98351649') format('woff'), url('/static/fonts/fontello.ttf?98351649') format('truetype'), url('/static/fonts/fontello.svg?98351649#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

然后：

body {
  font-family: fontello, Arial, Helvetica, Verdana !important;
}

有什么想法吗？感谢

Answer 1

Fontello在IE8中存在一些已知问题（IE8在自定义字体方面存在问题）。

在此处检查类似问题：https://github.com/fontello/fontello/issues/70并在此处查看可能的答案：http://css-tricks.com/forums/topic/ie8-and-fontello/

作为开发人员，我的建议是：你要么放弃IE8，要么放弃Fontello并采用经典方法，使用图像/精灵。

Answer 2

解决：我不得不将fontello.eot从罗盘声明中的字体文件括号中移出：

@include font-face(
  "fontello",
  font-files(
      "fontello.eot?98351649?iefix",
      "fontello.woff?98351649",
      "fontello.ttf?98351649",
      "fontello.svg?98351649#fontello"
  ),
  "fontello.eot?98351649"
);

ie8忽略了我所有的font-face声明

2 个答案: