css - 图标字体在 Firefox 中不可见

标签 css wordpress firefox browser icon-fonts

我用@fontface 添加了一个 iconfont。唯一的问题是,它在 firefox 下是不可见的。我有最新版本的 Firefox。 Safari 和 Chrome 运行良好。

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

最佳答案

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

对于字体套件生成,您可以使用:

关于css - 图标字体在 Firefox 中不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14541818/

相关文章:

javascript - 为什么我的菜单栏在缩小时不能在 wordpress 中正确缩小,因为它应该在普通的 html 文件中缩小?

php - Wordpress 使用插件创建前端页面

css - (Firefox 错误)转换时字体草率

CSS Firefox 和 IE9 没有样式化 div 和 p 类,Chrome 和 Safari 是

html - 如何修改我的 css 布局以将两个单元格合并在一起?

html - 闯入:避免-第一个元素(IE,Edge,Firefox)忽略CSS

javascript - javascript和css之间的样式冲突

wordpress - 如何在 wordpress 博客中加载标题时运行 Hook 操作?

firefox - 无法在 Firefox 中显示我的 svg 图像?

jquery - 数据表列宽重置问题