为什么字体超赞图标显示空白方块？ [英] Why font awesome icon shows empty squares?

问题描述

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

I would like to make a combination of icons via FA stack but it does not work. I have pure example from documentation and it shows me only empty squares. Code looks like:

<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>

，结果看起来像图片上的下方（该行的最后一个图标）。

我在做什么错？

and the result looks like on the picture below (last icon on the line). What am I doing wrong?

推荐答案

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

Use the correct CDN which is the one of the V5 not the 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> 

这篇关于为什么字体超赞图标显示空白方块？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！