代码之家  ›  专栏  ›  技术社区  ›  Pranta Saha

为什么Font Awesome图标类不同

font-awesome icons html
  •  44
  • Pranta Saha  · 技术社区  · 7 年前

    为什么fontawesome图标类不同 

    <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet" />


<i class="fa fa-edit"></i>
<i class="fas fa-pencil"></i>
<i class="fab fa-facebook"></i>
    3 回复  |  直到 7 年前
        1
  •  38
  •   0ddlyoko NimChimpsky    6 年前

    fa前缀在版本5中已被弃用。新的默认设置是品牌的fas solid样式和fab样式。

    请参考此

    https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use enter image description here

        2
  •  16
  •   Jakub Muda    4 年前

    签出字体很棒的文档: https://fontawesome.com/how-to-use/on-the-web/referencing-icons/basic-use

    此图像包含有关前缀的所有信息,因此实际上没有更多可添加的内容:)

    Font Aowesome 5.10.0+具有带有新前缀的双图标 fad 。

    enter image description here

        3
  •  0
  •   YupMa    3 年前

    我只会根据你的密码给出答案。
    Font awesome是一个非常容易使用的图标库。

    • fa前缀在版本5中已被弃用。新的默认设置是品牌的fas solid样式和fab样式。
    • “fa”单独表示字体很棒。它不再使用。但我把它和以前的链接一起使用,我有我以前的网页创作,它工作得很好。
    • fas:字体很棒,实心。它也可以免费使用。
    • fab:字体很棒的品牌。免费使用

    上面提到的其他风格包括: 有规律的 ( far ),则, 光 ( fal )以及 duotone公司 ( fad )都是pro版本。他们得到了报酬。

    有关更多信息,请访问: https://fontawesome.com/v5.15/how-to-use/on-the-web/referencing-icons/basic-use

    我希望我已经详细解释了。

    推荐文章
    Simon  ·  使用React更改字体可怕图标的颜色
    3 年前
    Muhammad Asif Mohtesham  ·  在Font Awesome中,是否可以使用CSS内容属性在“far”和“fas”数据前缀之间切换?[副本]
    7 年前
    en Peris  ·  使用JQuery动态更改AwesomeIcon的颜色
    7 年前
    Pranta Saha  ·  为什么Font Awesome图标类不同
    7 年前
    Mav  ·  如何将图标与固定高度标记的中心对齐[重复]
    7 年前
    LP13  ·  在中心对齐定位标记内的内容
    7 年前
    Fjott  ·  CSS-居中字体超级图标
    7 年前
    Sinan Samet  ·  字体很棒的图标不会显示在Angular 5中
    7 年前
    Tithos  ·  品牌FA5图标不工作
    7 年前
    SuperUberDuper  ·  字体awesome在加载之前显示方块
    7 年前
    关于  
    代码之家 - 一站式码农服务社区
    沪ICP备11025650号