如何设置 FontAwesome Icons 的图标颜色、大小和阴影

新手上路,请多包涵

我如何 设置 FontAwesome 图标 的颜色、大小和阴影?

例如, FontAwesome 的网站 将显示一些白色图标和一些红色图标,但不会显示如何以这种方式设置它们的 CSS …

不同颜色的按钮和链接,旁边有红色、白色和黑色图标

原文由 Elias7 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 935
2 个回答

鉴于它们只是字体,那么您应该能够将它们设置为字体:

 #elementID {
    color: #fff;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 1.5em;
}

原文由 David Thomas 发布,翻译遵循 CC BY-SA 3.0 许可协议

您也可以只添加内联样式:

 <i class="icon-ok-sign" style="color:green"></i>

<i class="icon-warning-sign" style="color:red"></i>

原文由 dandrews 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题