字体可怕5:可以改变图标的背景色,这样它就不会在边框外出血?

FontAwesome是一种字体,所以这类似于询问您是否可以设置字母的背景色(填充) O 用普通字体,这是不可能的。字体只有一种颜色。

但是,FontAwesome字体可以导出到单独的SVG图形中( here ). 如果使用这些字体而不是字体,则可以设置 fill SVG的样式以获得所需的结果。如果SVG路径没有填充,则始终可以编辑SVG以使其填充。

我提出这个问题,以非常有用的字体可怕的支持,并指示使用他们的内置分层和权力转换,以创建自定义图标。

:此解决方案仅在使用 SVG + JS 字体版本太棒了。

 <span class="fa-layers fa-fw fa-5x">
    <i class="fas fa-triangle" style="color: yellow;"></i>
    <i class="far fa-exclamation-triangle" style="color: black;"></i>
 </span

更多阅读和示例:

https://codepen.io/fontawesome/pen/wxLQEL

https://fontawesome.com/how-to-use/on-the-web/styling/layering

https://fontawesome.com/how-to-use/on-the-web/styling/power-transforms