AngularJS: 自定义字体图标

AngularJS: Custom font icons

由于字体比图像更适合在不同设备上显示图标,我想在我的 AngularJS 项目。

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

此方法在 Firefox 中有一点问题。在Firefox中,图标更改为主页图标之前,您可以看到字母"H"。

谢谢。

预加载字体。 FF 正在使用后备字体,直到请求的字体可用为止。

为什么 FontAwesome 没有发生这种情况?

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

生成文本并且只为生成的文本指定一个面,即使它包含在具有指定后备列表样式的元素中也是如此。

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

您应该尝试使用像 Font Custom to generate your custom icon webfonts starting from your svg icons. FontCustom will generate the css and the font files and there are a lot of options 这样可以配置的工具。