css - 图标字体在 Opera Mobile 中不起作用

Question

我开始使用 FontAwesome 集合并在不同的操作系统/浏览器上对其进行测试。
我发现它适用于 IE > 7、Firefox、Chrome、Safari（iPhone、iPad）、Opera Desktop，真的很棒！

只有 Opera Mini 不支持@font-face，但 Opera Mobile (v 12.19) 支持。
但它只适用于带有字母的普通字体。FontAwesome或icnfnt
等标志性字体不起作用！

我认为原因是，因为图标不使用普通的字母字符。图标字符以十六进制格式描述，（ISO CSS 内容：i:before {content: "\f000"}）。我尝试在 HTML 代码中以数字格式描述图标（从十六进制转换为十进制：）<i>&#61440;</i>，但这也不起作用。

那么有没有在 Opera Mobile 上显示标志性字体的解决方案？

相关链接：HTML 字形

Answer 1

我对 Opera Mobile/Opera Mini 也有同样的问题。对我有用的是从 Font Awesome 切换到Elusive Icons。它们也是“为 Bootstrap 构建的”并且具有基本相同的可用图标，当我切换时我什至不必更改任何图标类名称，只需要更改字体文件和 less/css 文件。

Answer 2

我发现它适用于 IE > 7 ...

Font-Awesome 带有一个不使用@font-face. 您是否尝试过包含它以查看它是否也解决了 Opera Mobile 问题？

font-awesome-ie7.min.css