gpt4 book ai didi

css - AngularJS:自定义字体图标

转载 作者:行者123 更新时间:2023-11-28 07:55:08 25 4
gpt4 key购买 nike

由于字体比图像更适合在不同设备上显示图标,所以我想在我的 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com