我无法在我的页面中嵌入 Font Awesome 图标

Question

我使用bootstrap cdn将字体很棒链接到我的页面。

<link rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/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 Awesome，或者通过此链接获取脚本：https://fontawesome.com/start .
输入您的电子邮件即可开始使用免费套件！
去确认你的电子邮件，他们会给你脚本