css - Firefox 中的@fontface 问题

标签 css wordpress firefox font-face

<分区>


这个问题似乎是题外话,因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或include a minimal example在问题本身。

关闭 9 年前

您好,我正在为一个客户开发网站,我在 Firefox 上玩得很开心。

@fontface 字体之一加载得很好 (TheHandRegular),但第二个 (TheHandBold) 似乎无法加载。我用 W3C Validator 检查并重新检查了我的 CSS,结果完美无缺。

这是一个托管在 media-temple 上的 wordpress 网站,就我的生活而言,我似乎无法理解这一点。

http://www.healthygreenkitchen.com

非常感谢 萨布丽娜

最佳答案

看起来您的 CSS 为每个字体声明了两次,第二次是在文件夹 webfonts 中查找 TheHandBold 而不是 TheHandRegular。

 @font-face {
 font-family: 'TheHandRegular';
 src: url('2B06C8_0_0.eot');
 src: url('2B06C8_0_0.eot?#iefix') format('embedded-opentype'),
      url('2B06C8_0_0.woff') format('woff'),
      url('2B06C8_0_0.ttf') format('truetype');
 }

@font-face {
font-family: 'TheHandBold';
src: url('webfonts/2B06F9_0_0.eot');****this line****
src: url('webfonts/2B06F9_0_0.eot?#iefix') format('embedded-opentype'),****this line****
url('webfonts/2B06F9_0_0.woff') format('woff'), ****this line****
url('webfonts/2B06F9_0_0.ttf') format('truetype'); ****this line****
}

关于css - Firefox 中的@fontface 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23960717/

上一篇:css - Zurb Foundation 5 'silent' 占位符类?

下一篇:css - 更少的带有颜色名称的 css 变量

相关文章:

javascript - 具有图像背景和完全响应的 JQUERY UI slider

html - 在大屏幕(> 1920px)上居中一行的内容

html - 如何在 Bootstrap 表中垂直显示值

html - 如何在 html 中输入 ':after'?

WordPress 页面布局/模板

Firefox 的 CSS 修复 : Box shadow property

Javascript 函数结果在 Firefox 中不显示

javascript - 使用 javascript 条件隐藏元素

wordpress - 隐藏 WooCommerce 商店页面

php - Firefox 12 重定向后不重新加载页面