Html 字体图标不'；不出现_Html_Font Awesome

Html 字体图标不'；不出现

html

Html 字体图标不'；不出现,html,font-awesome,Html,Font Awesome,我正在使用font awesome在我的网站上添加社交媒体按钮。我已经遵守了规则，但图标没有出现这是我网站的负责人 <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>oktavianusm</title> <link rel="stylesheet" type="tex

我正在使用font awesome在我的网站上添加社交媒体按钮。我已经遵守了规则，但图标没有出现这是我网站的负责人

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>oktavianusm</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet" type="text/css">
<link href="fontawesome-free-5.3.1-web/css/fontawesome.min.css" rel="stylesheet" type="text/css">


奥克塔维亚努斯

这就是我在html的主体中管理它的方式

<div class="social-media">
        <i class="fab fa-facebook-square"></i>
        <i class="fab fa-twitter-square"></i>
        <i class="fab fa-linkedin-square"></i>
        <i class="fab fa-google-plus-square"></i>
    </div>

这就是我在浏览器中测试代码时发生的情况

刚刚查看了字体很棒的网站：

以下是正确的样式表链接：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" 
integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" 
crossorigin="anonymous">

我正在考虑在我的网站上使用这些工具。

我也有同样的问题。链接间歇性地没有加载到DOM中。没有明显的原因，所以为了解决这个问题，我添加了以下代码来手动添加链接。jQuery用于向头部添加链接。如果它已经存在，那么你只需要得到一个副本

<!-- Font awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Font awesome force load as was not loading -->
<script>
    $('head').append('<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">');
</script>


$（'head'）。追加（''）；

我知道这不是一个很好的解决方案，但它确实有效。我要提到的是，此链接适用于4.7版，您需要将其更改为您想要的任何版本。

可能是href to fontawesome不正确，您是在本地使用还是从cdn使用？请检查href以了解更多信息。在浏览器中的“开发工具”的“资源”选项卡上，控制fontawesome.min.css是否正确加载。是否检查css文件fontawesome-free-5.3.1-web/css/fontawesome.min.css是否在浏览器中加载？另外，请从官方页面将最后一个href更改为fontawesome，并联机使用此源：目录fontawesome-free-5.3.1-web存在，如果存在，它是否与示例文件位于同一目录中？如果没有，您可能需要验证路径是否正确。既然您正在使用谷歌作为您的字体，请考虑使用字体强大的CDN选项用于该资源。我在本地使用西格玛谢谢，我会试试看。