为什么字体超赞图标显示空方块?

时间:2020-03-24 12:31:59

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

我想通过FA堆栈组合图标,但是它不起作用。我有文档中的纯示例,它只显示了空的正方形。代码如下:

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<span class="fa-stack" style="vertical-align: top;">
    	<i class="far fa-circle fa-stack-2x"></i>
    	<i class="fas fa-flag fa-stack-1x"></i>
    </span>

,结果如下图所示(该行的最后一个图标)。 enter image description here 我究竟做错了什么?

1 个答案:

答案 0 :(得分:3)

使用正确的CDN,它是V5之一而不是V4

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">

<span class="fa-stack" style="vertical-align: top;">
    <i class="far fa-circle fa-stack-2x"></i>
    <i class="fas fa-flag fa-stack-1x"></i>
</span>