为了账号安全,请及时绑定邮箱和手机立即绑定

我的 Font Awesome 图标不会显示,并且破坏了我的页面结构

我的 Font Awesome 图标不会显示,并且破坏了我的页面结构

慕工程0101907 2023-10-17 17:33:25
我正在尝试使用以下 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>
查看完整描述

3 回答

?
三国纷争

TA贡献1804条经验 获得超7个赞

如果您在他们的目录中查找右角图标,您会发现它需要专业许可证。如果没有,则必须使用 -style 。您提到的“空图标”是指示丢失/无效图标的常用标志。s

https://img1.sycdn.imooc.com/652e55230001108900840100.jpg


查看完整回答
反对 回复 2023-10-17
?
GCT1015

TA贡献1827条经验 获得超4个赞

如果您要在整个项目中使用 fontawesome,您可以全局安装它,或者在 index.html 页面下将其定义为“cdn”。可能有一个更合乎逻辑的解决方案。



查看完整回答
反对 回复 2023-10-17
?
哆啦的时光机

TA贡献1779条经验 获得超6个赞

首先,我使用上面发送给您的链接并获取我自己的套件。然后我尝试使用你的图标并且它有效。图标应该是

<i class="fas fa-angle-right"></i>

并不是

<i class="far fa-angle-right"></i>


查看完整回答
反对 回复 2023-10-17
  • 3 回答
  • 0 关注
  • 79 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信