Font Awesome Icons only printing in Black

Question

I am developing a website that must print a page that contains Font Awesome icons. The issue is that when you go to print, the Font Awesome icons will not print in color.

In the browser they show up in color, but when the page is printed the icons are solid black. Is there anyway to make the Font Awesome icons print in color? Perhaps through CSS with @media print { }?

EDIT: Also, I am developing in firefox.

Answer 1

It turns out that the item that you actually need colored isn't the i itself but its :before element. Thus:

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

Answer 2

If you are using bootstrap you need to edit its CSS since it's specifies black color for "@media print"