我不能在我的页面中嵌入字体图标

Question

我使用引导CDN将字体链接到我的页面。

<link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css"
    integrity="sha384-jLKHWM3JRmfMU0A5x5AkjWkw/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7" crossorigin="anonymous">

然而，当我尝试使用字体显示的类时，我得到的只是一个小方格，图标应该在那里。

对如何解决这个问题有什么建议吗？

html代码如下所示。

<section id="services">

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

            <div class="row">
                <i class="fa-light fa-fire-extinguisher"></i>
                <div class="col-lg-3 col-md-6">
                    <h3 class="text-styling">Συντήρηση Πυροσβεστήρων</h3>
                    <p class="text-styling">Ut facere voluptatem ea neque tempora sed praesentium magni nam omnis dolor.
                        In sint consectetur
                        sit
                        consectetur molestias qui quidem cumque qui eius sint? Et labore dignissimos eum deleniti
                        consequatur
                        sed laborum dolore et adipisci nulla.
                    </p>
                </div>
                <div class="col-lg-3 col-md-6">
                    <h3 class="text-styling">Μελέτες Πυρασφάλειας</h3>
                    <p class="text-styling">Ut facere voluptatem ea neque tempora sed praesentium magni nam omnis dolor.
                        In sint consectetur
                        sit
                        consectetur molestias qui quidem cumque qui eius sint? Et labore dignissimos eum deleniti
                        consequatur
                        sed laborum dolore et adipisci nulla.
                    </p>
                </div>
                <div class="col-lg-3 col-md-6">
                    <h3 class="text-styling">Συστήματα Πυρανίχνευσης</h3>
                    <p class="text-styling">Ut facere voluptatem ea neque tempora sed praesentium magni nam omnis dolor.
                        In sint consectetur
                        sit
                        consectetur molestias qui quidem cumque qui eius sint? Et labore dignissimos eum deleniti
                        consequatur
                        sed laborum dolore et adipisci nulla.
                    </p>
                </div>
                <div class="col-lg-3 col-md-6">
                    <h3 class="text-styling">Πιστοποίηση</h3>
                    <p class="text-styling">Ut facere voluptatem ea neque tempora sed praesentium magni nam omnis dolor.
                        In sint consectetur
                        sit
                        consectetur molestias qui quidem cumque qui eius sint? Et labore dignissimos eum deleniti
                        consequatur
                        sed laborum dolore et adipisci nulla.
                    </p>
                </div>

            </div>

        </div>

    </section>

Answer 1

您需要安装Font，或者通过以下链接获得脚本：https://fontawesome.com/start。输入你的电子邮件，开始一个免费的工具包！去确认你的电子邮件，他们会给你剧本