Grey Font Color Printing

Question

Is there any way to ensure that my grey font colors do not turn black?

Firefox and Chrome seem to do this in order to prevent white text on black background from turning into white on white. I do not have a background color (except white), so this browser-level conversion is not useful, it only helps in preventing grey colors for no reason.

Is there a way to turn this off? Or should I just stick with techniques like opacity, browser detection, and coloring my grays...

Answer 1

Solution:

  @media print {       h1 {         color: rgba(0, 0, 0, 0);         text-shadow: 0 0 0 #ccc;       }        @media print and (-webkit-min-device-pixel-ratio:0) {         h1 {           color: #ccc;           -webkit-print-color-adjust: exact;         }       }    } 

Answer 2

I found had to :

1. Add !important to the css rule... and...

2. In the Firefox print dialog, tick the option for "Appearance: Print background colors"

I couldn't get it to work in Chrome.