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

问题描述 投票:2回答:1

我想通过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我到底做错了什么?

css font-awesome font-awesome-5
1个回答
3
投票

使用正确的CDN,即V5的CDN,而不是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> 
© www.soinside.com 2019 - 2024. All rights reserved.