2

我怎么知道为什么没有显示字体？

我在 Chrome - 所以 .ttf 应该可以工作。我检查了我是否可以使用我的 URL 栏导航到该文件，并且我可以下载它，所以权限很好。

我有一个声明@font-face 的页面：

@font-face {
  font-family: 'entypo';
  src: url('/css/fonts/entypo.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

p { font-family: 'entypo'; }
4

2 回答 2

4

@font-face 不能在一个块内。通常的做法是将它放在 CSS 文件的顶部。

您的来源：

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

  @font-face {
    font-family: 'entypo_social';
    font-style: normal;
    font-weight: 400;
    src: url("/css/fonts/entypo-social.woff") format("woff");
  }

  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, "lucida grande", tahoma, verdana, arial, sans-serif;
}
于 2013-03-05T17:34:06.153 回答
0

chrome 有一个与 web-font 相关的已知错误，因为我有类似的问题。值得注意的是https://stackoverflow.com/questions/21984543/google-chrome-bug-website-not-displaying-text上的文章。这篇文章给出了一些想法，说明这个错误是如何发生的，而不是为什么发生 - 有时是相当随机的！

希望这可以帮助

于 2014-03-08T21:59:10.323 回答