html - poner - Impresión de color de fuente gris

letras de colores para nick

Question

¿Hay alguna forma de garantizar que mis colores de fuente gris no se vuelvan negros?

Parece que Firefox y Chrome hacen esto para evitar que el texto blanco sobre fondo negro se convierta en blanco sobre blanco. No tengo un color de fondo (excepto blanco), por lo que esta conversión a nivel de navegador no es útil, solo ayuda a prevenir los colores grises sin ningún motivo.

¿Hay alguna forma de apagar esto? ¿O debería seguir con técnicas como opacidad, detección de navegadores y colorear mis grises ...

Answer 1

Algunos navegadores agregan más respeto a su gris si agrega color: Reemplace #777 con #778 . Tenga cuidado con la opacidad. A veces, incluso si la vista previa de impresión muestra excelentes resultados, solo funciona en impresoras seleccionadas. Las impresoras con un firmware desafortunado no podrán imprimir el texto si es gris con opacidad.

Answer 2

Encontré que tenía que:

1. Añadir !important para la regla css ... y ...

2. En el cuadro de diálogo Imprimir de Firefox, marque la opción "Apariencia: Imprimir colores de fondo"

No pude hacer que funcione en Chrome.

Answer 3

Solución:

  @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 4

Descubrí que el color de texto no se hereda con una hoja de estilo de "propósito general" , sino que debe forzarse nuevamente en el archivo css de impresión.

En otras palabras, incluso si el color del texto se establece en el archivo css general (uno con media=''all'' atributo media=''all'' ), se ignora cuando se imprime, al menos en Firefox y Chrome.

Encontré que escribir de nuevo (redundante pero ..... necesario) el color del texto en el archivo css de impresión (uno con media=''print'' atributo media=''print'' ), ahora se considerará el color.

Answer 5

Solo necesita dar salida a su fuente gris en svg. Los navegadores no cambian de color en svg. Aquí hay un ejemplo:

<svg height="40" width="200">
   <text font-size="28px" y="25" x="30" fill="#ffffff" >
   Some text
   </text>
</svg>

Answer 6

Nada de lo anterior funcionaba para mí, así que finalmente lo descubrí.

Siempre dale color a los elementos directos. Ex. Supongamos que tu html es

<div class=''div''><br/>
      < h1>Text< /h1><br/>
</div>

y tu CSS

.div { 
     color: #ccc; 
    } 

Este era mi caso. En este caso, no importa lo que hagas, el color no se mostrará.

Tu tienes que hacer

.div h1 { 
 color: #ccc; 
}

@media print { 
 .div h1 { 
    -webkit-print-color-adjust: exact; 
   } 
}

¡¡Espero que esto te ayude!!

Responda si encuentra una solución mejor, ya que esto es lo que pude encontrar después de 2 horas y me funciona.