字体真棒图标仅以黑色打印

Question

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

在浏览器中,它们以彩色显示,但在打印页面时,图标为纯黑色.反正有没有让Font Awesome图标以彩色打印？也许通过带有@media print {}的CSS？

编辑:另外,我在firefox中开发.

Answer 1

事实证明,您实际需要着色的项目不是i自身而是其:before元素.从而:

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

Answer 2

如果你使用bootstrap,你需要编辑它的CSS,因为它为"@media print"指定了黑色