AngularJS：自定义字体图标

Question

由于字体优于图像以在不同设备中显示图标，因此我想在AngularJS项目中制作我的自定义字体图标库，如“Font Awesome”。

• 有没有办法做到这一点？

我使用我的图标在 .ttf 和 .svg 中创建了一个字体，结果很好，但任何图标都有相关的字母。例如，主页图标是新字体中的字母“H”。

这种方法在Firefox中有一点问题。在Firefox中，在图标更改为主页图标之前，您可以看到字母“H”。

• 这样做的最佳做法是什么？
• 可以解决Firefox中的小问题吗？

感谢。

Answer 1

预加载字体。 FF正在使用后备字体，直到请求的面部可用。

为什么不使用FontAwesome？

<i class="fa fa-something"></i>

生成文本，并且只为生成的文本指定了一个面，即使它包含在具有指定回退列表的样式的元素中。

我建议你看看FA附带的CSS。

Answer 2

您应该尝试使用Font Custom之类的工具从svg图标开始生成自定义图标webfonts。 FontCustom将生成css和字体文件，你可以配置很多options。