為什么字體 awsome 圖標沒有顯示在網站上？ 添加了下載的 font-awsome 工具包 lnk 和圖標鏈接

Question

My Portfolio


<!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css"> -->

<!-- <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> -->

** <script src="https://kit.fontawesome.com/207456fad4.js" crossorigin="anonymous"></script> **

    <h1 class="sub-title">My Services</h1>
    <div class="services-list">
        <div>
            
          **  <i class="fa-solid fa-code"></i>**
        
            <h2>Web Design  </h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet dui sit amet ex luctus congue in at tellus.</p>
            <a href="#">Learn More</a>
        </div>

我嘗試在標題部分添加字體 awsome css 鏈接。 但它對我不起作用..

Answer 1

通過搜索和嘗試從不同平台獲得的答案，我無法獲得合適的解決方案。 Atlas 我通過在圖標鏈接中添加一個“fa”class 得到了答案。 例如：以前是這樣的.. 我添加了“fa”class 並嘗試了.. 然后它 WOKRS:.. .) 是解決方案...

Answer 2

試試這些 CDN 鏈接：

CSS 在頭部

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />

結束 body 標簽前的 JS

<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/js/all.min.js" integrity="sha512-rpLlll167T5LJHwp0waJCh3ZRf7pO6IT1+LZOhAyP6phAirwchClbTZV3iqL3BMrVxIYRbzGTpli4rfxsCK6Vw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

我希望它有效。 祝你好運！