由于字体比图像更适合在不同设备上显示图标，所以我想在我的 AngularJS 元素中制作我的自定义字体图标库，如“Font Awesome”。
- 有什么方法可以做到吗？
我用我的图标在 .ttf 和 .svg 中创建了一个字体，结果很好，但是任何图标都有一个相关的字母。例如，主页图标是新字体中的字母“H”。
此方法在 Firefox 中有一点问题。在Firefox中，在图标更改为主页图标之前，您可以看到字母“H”。
- 这样做的最佳做法是什么？
- 是否可以解决 Firefox 中的小问题？
谢谢。
最佳答案
预加载字体。 FF 正在使用后备字体，直到请求的字体可用为止。
为什么 FontAwesome 没有发生这种情况？
<i class="fa fa-something"></i>
生成文本并且只为生成的文本指定一个面，即使它包含在具有指定后备列表样式的元素中也是如此。
我建议你看看 FA 附带的 CSS。
关于css - AngularJS:自定义字体图标，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30156899/