Po prostu stworzyłem prosty przykład HTML z użyciem font-awesome i wygląda na to, że działa dobrze w Chrome i Firefox. Ikona jest wyświetlana na czerwono na ekranie i drukuje również na czerwono bez żadnych dalszych czynności. To powiedziawszy, utworzenie oddzielnego pliku CSS dla mediów jest dobrym pomysłem, jeśli strona HTML to gwarantuje, ponieważ zapewnia lepszą wygodę użytkownika (widok na ekranie nie zawsze jest idealny do drukowania).
Czy na pewno nie masz zmodyfikowanego ustawienia drukarki, aby nie drukować w kolorze? Czy drukarka jest tego koloru, a więc domyślnie powraca do zwykłej czerni? Czy próbowałeś go w innej przeglądarce (Chrome, Safari, Opera, IE)?
Oto prosty kod użyłem do testowania:
<html>
\t <head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
\t \t <title>Fontawesome Test</title>
\t \t <style type="text/css">
\t \t \t .fa { color:red; }
\t \t </style> \t
\t </head>
\t <body>
\t \t <i class="fa fa-camera-retro"> Testing color</i> fa-camera-retro
\t </body>
</html>
Dziękuję. Tak, używam bootstrap. Powinienem był to powiedzieć w moim pytaniu. Dziękuję za pomoc! – Wellspring
Na pewno istnieje sposób, aby to zrobić bez modyfikowania bootstrap? – owensmartin