html - Font Awesome 图标仅以黑色打印

标签 html css printing fonts font-awesome

我正在开发一个必须打印包含 Font Awesome 图标的页面的网站。问题是当您打印时,Font Awesome 图标不会以彩色打印。

在浏览器中,它们以彩色显示,但在打印页面时,图标为纯黑色。有没有办法让 Font Awesome 图标以彩色打印?也许通过 CSS 和 @media print { }?

编辑:此外,我正在使用 Firefox 进行开发。

最佳答案

事实证明,您实际需要着色的元素不是 i 本身,而是它的 :before 元素。因此:

<style type="text/css">
  .fa:before { color:red; }
</style>

关于html - Font Awesome 图标仅以黑色打印,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29325239/

相关文章:

css - 为什么网格布局的采用率仍然如此之低?

css - 正确添加一个:not selector to these CSS styles

string - Format polynomial to normal form> (如何让最后的结果在lisp中变成string?(包括所有函数))

html cellpadding 单元格的左侧

javascript - Canvas (HTML) 似乎正在缩放,而我想要具有更多像素的更大 Canvas

html - 如何防止超出父级的边界?

php - 如何打印包含在页面中的 php 页面内容作为 jquery 弹出消息

c - sprintf() 的问题

javascript - HTML anchor 链接 - href 和 onclick 两者?

javascript - bootstrapValidator ajax请求,防止提交后关闭 Bootstrap 模式