Question

我正在尝试创建一个网站，并且正在使用boostrap + fontawesome图标。

当我放置

之类的字体图标时

<i class="fas fa-file-signature"></i>

他们没有出现。我使用方括号进行编码。我还从官方网站下载了fontawesome.min.css。我试图通过查看fontawesome文件的代码结构来解决此问题。我试图从网上找到更好的文件，但是找不到。

我尝试使用链接href而不是链接rel。我试图同时使用所有fontawesome的css文件夹资源，但这没用。

<!-- Bootstrap CSS -->
<link rel="stylesheet" type="text/css" href="css/fontawesome.min.css" />

<link href="https://fonts.googleapis.com/css?family=Noto+Serif:400,400i&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap" rel="stylesheet">

<title>Search Engine Zone - Search Growth Guide</title>

    </div>
</section>

<section id="services">

    <div class="container">
        <div class="services-top">

            <h2 id="second">Our Services</h2>
            <p>Create your Brand Value with High Rankings</p>



        </div>
        <div class="services-content">
            <div class="row">

                <div class="col-sm-4">
                    <div class="item-circle">

                        <i class="fas fa-file-signature"></i>

Answer 1

确保使用正确的CDN来实现超棒的字体。也许尝试以下两个：

<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" 
  rel="stylesheet"  type='text/css'>

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" 
      rel="stylesheet"  type='text/css'>

为什么“真棒字体”图标不能与Bootstrap配合使用？

1 个答案: