0

我从 fontsquirrel 下载了一种名为 Pompiere 的字体套件并上传了文件。字体在 Safari 和 Chrome 上完美显示，但在 Firefox 上不会显示。

我总共使用了 4 种独特的字体，有人知道为什么它没有出现的可能原因吗？

这是我的CSS的一部分：

@font-face {
font-family: 'Pompiere';
src: url('fonts/pompiere/PompiereRegular.eot'); /* IE9 Compat Modes */
src: url('fonts/pompiere/PompiereRegular.eot?#iefix') format('embedded-opentype');
src: url('fonts/pompiere/PompiereRegular.woff') format('woff'), /* Modern Browsers */
     url('fonts/pompiere/PompiereRegular.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('fonts/pompiere/PompiereRegular.svg') format('svg');
}

#normal-font {
font-size: 23px;
font-family: 'Pompiere', Helvetica, sans-serif; }
4

2 回答 2

0

我有一个类似的问题，并通过删除 .eot 网址修复它

于 2013-07-26T14:56:29.627 回答
0

谢谢大家，对于任何有同样问题的人，我得到了它的工作方式：

  1. 将我的“字体”文件夹移动到根目录。（之前，它在我的 wordpress 主题文件夹中）
  2. 在 css 中直接链接我的 src url。例如，“ http://yoursite.com/fonts/fontname.ttf ”而不是“../fonts/fontname.ttf”

通过做这两件事，我的所有字体都可以在 Safari、Chrome 和 Firefox 上正确显示。:)

于 2013-05-29T05:52:32.647 回答