AngularJS: 自定义字体图标
AngularJS: Custom font icons
由于字体比图像更适合在不同设备上显示图标,我想在我的 AngularJS 项目。
- 有什么办法吗?
我用我的图标在 .ttf 和 .svg 中创建了一个字体,结果很好,但是任何图标都有相关信件。例如,主页图标是新字体中的字母 "H"。
此方法在 Firefox 中有一点问题。在Firefox中,图标更改为主页图标之前,您可以看到字母"H"。
- 这样做的最佳做法是什么?
- 是否可以解决 Firefox 中的小问题?
谢谢。
预加载字体。 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 这样可以配置的工具。
由于字体比图像更适合在不同设备上显示图标,我想在我的 AngularJS 项目。
- 有什么办法吗?
我用我的图标在 .ttf 和 .svg 中创建了一个字体,结果很好,但是任何图标都有相关信件。例如,主页图标是新字体中的字母 "H"。
此方法在 Firefox 中有一点问题。在Firefox中,图标更改为主页图标之前,您可以看到字母"H"。
- 这样做的最佳做法是什么?
- 是否可以解决 Firefox 中的小问题?
谢谢。
预加载字体。 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 这样可以配置的工具。