代码之家 › 专栏 › 技术社区 › Tithos

品牌FA5图标不工作

font-awesome

Tithos · 技术社区 · 6 年前

我正在我的网站上运行字体真棒%(静态)。

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/solid.css" integrity="sha384-v2Tw72dyUXeU3y4aM2Y0tBJQkGfplr39mxZqlTBDUZAb9BGoC40+rdFCG0m10lXk" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css" integrity="sha384-q3jl8XQu1OpdLgGFvNRnPdj5VIlCvgsDQTQB6owSOHWlAurxul7f+JpUOVdAiJ5P" crossorigin="anonymous">

    ......

  </head>
  <body>
    
    
    ..........fab fa-linkedin"></i>
                <a target="_Blank" href="https://www.linkedin.com/in/timsmith25/">LinkedIn</a>
              </li>
              <li>
                  <i class="fab fa-github"></i>
                <a target="_Blank" href="https://github.com/WebRuin">Github</a>
              </li>
              <li>
                <i class="fab fa-codepen"></i>
                <a target="_Blank" href="https://codepen.io/WebRuin/">CodePen</a>
              </li>
.....

  </body>
</html>

我的第一个想法是,这是因为我在 localhost:xxx

我在GitHub上看到了: https://webruin.github.io/Resume/

这是一个已知的问题吗?我做错什么了吗

1 回复 | 直到 6 年前

MBaas 6 年前

作为前缀 fab 表示要使用品牌图标。因此,您还必须包括。它的CSS。这是您的代码片段 link -添加的标记:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/brands.css" integrity="sha384-IiIL1/ODJBRTrDTFk/pW8j0DUI5/z9m1KYsTm/RjZTNV8RHLGZXkUDwgRRbbQ+Jh" crossorigin="anonymous">        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/solid.css" integrity="sha384-v2Tw72dyUXeU3y4aM2Y0tBJQkGfplr39mxZqlTBDUZAb9BGoC40+rdFCG0m10lXk" crossorigin="anonymous">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/fontawesome.css" integrity="sha384-q3jl8XQu1OpdLgGFvNRnPdj5VIlCvgsDQTQB6owSOHWlAurxul7f+JpUOVdAiJ5P" crossorigin="anonymous">

    ......

  </head>
  <body>
    
    
    ..........fab fa-linkedin"></i>
                <a target="_Blank" href="https://www.linkedin.com/in/timsmith25/">LinkedIn</a>
              </li>
              <li>
                  <i class="fab fa-github"></i>
                <a target="_Blank" href="https://github.com/WebRuin">Github</a>
              </li>
              <li>
                <i class="fab fa-codepen"></i>
                <a target="_Blank" href="https://codepen.io/WebRuin/">CodePen</a>
              </li>
.....

  </body>
</html>

推荐文章

Simon · 使用React更改字体可怕图标的颜色

2 年前

Muhammad Asif Mohtesham · 在Font Awesome中,是否可以使用CSS内容属性在“far”和“fas”数据前缀之间切换?[副本]

6 年前

en Peris · 使用JQuery动态更改AwesomeIcon的颜色

6 年前

Pranta Saha · 为什么Font Awesome图标类不同

6 年前

Mav · 如何将图标与固定高度标记的中心对齐[重复]

6 年前

LP13 · 在中心对齐定位标记内的内容

6 年前

Fjott · CSS-居中字体超级图标

6 年前

Sinan Samet · 字体很棒的图标不会显示在Angular 5中

6 年前

Tithos · 品牌FA5图标不工作

6 年前

SuperUberDuper · 字体awesome在加载之前显示方块

6 年前