字体真棒图标上有字符

Question

我想在字体上使用字体很棒，但它没有这样做。请帮助理解发生了什么错误。

输出

代码尝试：

<i class="fa fa-square fa-2x" style="color:red;"><span style="text-color:white;">S</span></i>
<i class="fa fa-square fa-2x" style="color:yellow;"><span style="text-color:white;">XL</span></i>                                           
<i class="fa fa-square fa-2x" style="color:green;"><span style="text-color:white;">XXL</span></i>

Answer 1

您不应该使用Font Awesome，因为这只会使用CSS内容输出图标，并且您不能在其中放置任何HTML标记。

最好的方法是使用span标签，并使用CSS设置样式。

http://jsfiddle.net/7uevq7pu/

HTML：

<span class="red">XL</span>
<span class="yellow">S</span>
<span class="green">XXL</span>

CSS：

span { border-radius:5px;padding:0 5px;text-align:center; }
.red { background:red; }
.yellow {background:yellow; }
.green { background:green; }

Answer 2

您还可以将内容定义为图标：

http://jsfiddle.net/tagliala/77re29ct/24/

Invoke-Expression (Get-Content -Raw C:\Users\J\testcode.ps1)