如何从font-awesome堆叠图标月亮

Question

我没有找到如何从FA堆叠图标月亮：

<span class="fa-stack">
 <i class="fa fa-square-o fa-stack-2x"></i>
 <i class="fa fa-moon fa-stack-1x fa-inverse"></i>
</span> sleep

JSFiddle演示：http://jsfiddle.net/myYUh/90/

隐藏图标，我们只看到方块：/

Answer 1

这里有两个问题。第一个是拼写错误：Font Awesome没有fa-moon图标，但它有一个fa-moon-o图标：

一旦你解决了这个问题，下一个问题是fa-inverse类会为你的fa-moon-o图标提供#fff（白色）的颜色，这使得它在通过fa-square-o图标看到的白页背景。

除非您自己的网页背景不是白色，否则要删除fa-inverse类：

<span class="fa-stack">
 <i class="fa fa-square-o fa-stack-2x"></i>
 <i class="fa fa-moon-o fa-stack-1x"></i>
</span> sleep

JSFiddle demo

或将fa-square-o更改为fa-square：

<span class="fa-stack">
 <i class="fa fa-square fa-stack-2x"></i>
 <i class="fa fa-moon-o fa-stack-1x fa-inverse"></i>
</span> sleep

JSFiddle demo