我无法在我的页面中嵌入 Font Awesome 图标
我使用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>
I link Font Awesome to my page using the Bootstrap CDN.
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css"
integrity="sha384-jLKHWM3JRmfMU0A5x5AkjWkw/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7" crossorigin="anonymous">
However when I try to use the classes indicated at the Font Awesome website all I get is a small square where the icon was supposed to be.
Any suggestions on how to fix that?
The html code is shown below.
<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>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您需要安装 Font Awesome,或者通过此链接获取脚本:https://fontawesome.com/start .
输入您的电子邮件即可开始使用免费套件!
去确认你的电子邮件,他们会给你脚本
You need to install Font Awesome, or to get your script via this link : https://fontawesome.com/start .
Enter your email to get started with a free Kit!
Go to confirm your email and they will give you the script