Question

我从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; }

Answer 1

谢谢你们，对于任何有同样问题的人，我得到了它的工作：

将我的'fonts'文件夹移动到根目录。（之前，它在我的wordpress主题文件夹里面）
直接在css中链接我的src网址。例如，“http://yoursite.com/fonts/fontname.ttf”代替“../ fonts / fontname.ttf”

通过执行这两项操作，我的所有字体都可以在Safari，Chrome和＆ Firefox浏览器。：）

Answer 2

我遇到了类似的问题并通过移除.eot网址

来修复它

字体不适用于Firefox？

2 个答案: