我的 Font Awesome 图标不会显示，并且破坏了我的页面结构
我正在尝试使用以下 Font Awesome 图标
<i class="far fa-angle-right"></i>
但图标不会显示。
我尝试了两种不同的嵌入代码插入我的<head>部分：第一个是
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
第二个是
<script src="https://use.fontawesome.com/0fa476ae4d.js"></script>
两者都不起作用，只出现了一个空符号而不是我的图标。第二个嵌入代码也完全破坏并弄乱了我的页面结构，压低了我的表单。
这就是我尝试使用图标的部分：
<form id="email-form">
<input
type="email"
name="email-input"
id="email-input"
placeholder="Email Address"
/>
<button type="submit" name="submit-button" id="submit-button">
<i class="far fa-angle-right"></i>
</button>
</form>
慕工程0101907浏览 82回答 3
3回答
-
三国纷争
如果您在他们的目录中查找右角图标，您会发现它需要专业许可证。如果没有，则必须使用 -style 。您提到的“空图标”是指示丢失/无效图标的常用标志。s -
GCT1015
如果您要在整个项目中使用 fontawesome，您可以全局安装它，或者在 index.html 页面下将其定义为“cdn”。可能有一个更合乎逻辑的解决方案。 -
哆啦的时光机
首先，我使用上面发送给您的链接并获取我自己的套件。然后我尝试使用你的图标并且它有效。图标应该是<i class="fas fa-angle-right"></i>并不是<i class="far fa-angle-right"></i>
随时随地看视频慕课网APP
相关分类
Html5