一两个字体真棒图标都不会显示

时间:2019-01-17 07:47:42

标签: css font-awesome font-awesome-5

我在网站上使用了几个图标(https://howtogetrippedathome.com/challenge-eenmalige-aanbieding-2346,向下滚动到6个橙色/红色圆圈),但是我无法使所有图标正常工作。

我已将其添加到我的头部(按照此链接上的说明:https://fontawesome.com/start):

<link rel="stylesheet" 
href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" 
integrity="sha384- 
UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" 
crossorigin="anonymous">

执行此操作时,上方的3个图标和左下方和右下方的图标会起作用。底部中心没有(可能是因为它是最新的)。

但是,当我将以下代码添加到CSS中时:

i.fa {
    font-family: "Font Awesome 5 Free" !important;
}

然后,左下角和底部中心起作用,但其余部分停止起作用。在这两种情况下,唯一可行的是左下角。

我已经在网上查看并尝试了几项操作,但似乎找不到答案。

0 个答案:

没有答案