texte - html color text




Impression de couleur de police grise (4)

Certains navigateurs ajoutent plus de respect à votre gris si vous ajoutez de la couleur: Remplacez #777 par #778 . Méfiez-vous de l'opacité. Parfois, même si l'aperçu avant impression affiche d'excellents résultats, il ne fonctionne que sur certaines imprimantes. Les imprimantes avec un firmware malchanceux ne pourront pas imprimer votre texte s'il est gris en utilisant l'opacité.

Est-il possible de s'assurer que mes couleurs de police grises ne deviennent pas noires?

Firefox et Chrome semblent le faire afin d'éviter que le texte blanc sur fond noir ne devienne blanc sur blanc. Je n'ai pas de couleur de fond (sauf blanc), donc cette conversion au niveau du navigateur n'est pas utile, elle aide seulement à empêcher les couleurs grises sans raison.

Y a-t-il un moyen de l'éteindre? Ou devrais-je simplement m'en tenir à des techniques comme l'opacité, la détection du navigateur et la coloration de mes gris ...


J'ai trouvé:

  1. Ajouter !important à la règle css ... et ...

  2. Dans la boîte de dialogue d'impression de Firefox, cochez l'option "Apparence: Imprimer les couleurs d'arrière-plan"

Je ne pouvais pas le faire fonctionner dans Chrome.


J'ai trouvé que la couleur de TEXTE n'est pas héritée par la feuille de style "d'usage général" , mais doit être forcée encore dans le dossier de css d'impression.

En d'autres termes, même si la couleur du texte est définie dans le fichier css général (un avec media='all' attribut media='all' ), il est ignoré lors de l'impression, au moins dans Firefox et Chrome.

J'ai trouvé que l'écriture à nouveau (redondant mais ... nécessaire) la couleur du texte dans le fichier css impression (un avec media='print' attribut media='print' ), la couleur sera maintenant considérée.


Vous avez juste besoin de sortir votre police grise en svg. Les navigateurs ne changent pas de couleur dans svg. Voici un exemple:

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




cross-browser