如何将.ttf和.eot文件嵌入为一种字体？

Question

我无法在所有浏览器上兼容我的 font 。 .ttf文件可用于除 explorer 之外的所有浏览器。这是我当前的代码：

@font-face {
  font-family: Gotham;
  src: url("../Gotham-Book.eot"),
  src: url("../Gotham-Book.eot#iefix") format('embedded-opentype');
  src: url("../Gotham-Book.ttf") format("truetype");
}

Answer 1

您有太多的src:声明，因此用新的IE hack进行了覆盖。浏览器在您的示例中仅看到tff。

您应该只有两个，第一个是单独的一个。请注意，带有字体的中间行的末尾是,而不是;，最后一个oe没有src:。

@font-face {
  font-family: Gotham;
  src: url("../Gotham-Book.eot"),
  src: url("../Gotham-Book.eot#iefix") format('embedded-opentype'),
       url("../Gotham-Book.ttf") format("truetype");
}