字体真棒背景+尺寸

Question

很久以前我用字体真棒：

对于我的生活，我无法记住我是如何做到的。我尝试使用它来复制它：

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

我将此资源用于上述代码：Stacked Icons, Twitter

问题在于房子太大了，背景与我很久以前的背景相同（想想#fff）。在fontawesome网站上它似乎有一个浅背景，但然后当它实施到我的网站（网站的背景是＃1F1F1F），它似乎采取与网站相同的背景。

有谁知道我之前是如何做到这一点的，现在我正在努力？

Answer 1

问题：太大

您正在使用fa-square课程。这使它超大。删除它。

问题：背景错误

使用fa-square-o类（实心圆角正方形，而不是像color: lightgrey这样的轮廓），并使用CSS使其变亮（使用body { background-color: black; } .light { color: lightgrey; }）。

（在下面的例子中，我也将背景变暗以更好地显示正方形的浅色背景。）

＆＃13;

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
<span class="fa-stack">
  <i class="fa fa-square fa-stack-2x light"></i>
  <i class="fa fa fa-home fa-stack-1x"></i>
</span>

＆＃13;

principal

＆＃13;

＆＃13;

＆＃13;