web-dev-qa-db-fra.com

Couleur de la police en HTML Email - Gmail

Je sais que je dois utiliser des CSS en ligne pour styler n'importe quoi dans un courrier électronique HTML, mais je remarque une dérogation étrange qui se produit dans Gmail. J'essaie de changer la couleur du texte dans une rangée de table:

<tr style='color: #000; font-size: 14px; font-family: Verdana, serif;'>

mais lorsque j'ouvre cet email à Gmail, la famille de polices et la couleur noire est écrasée par Gmail Styles. Je vois ça via Firebug:

enter image description here

Cette couleur pourpre est utilisée à la place du noir que je veux, et la famille de polices est en défaut à Arial, Sans Serif. Est-ce que quelqu'un sait-il d'un moyen de remplacer en toute sécurité le style que Gmail se forte-t-il?

MISE À JOUR

J'ai changé la couleur en une couleur non noire, c'est-à-dire # 212a2c et la couleur changée correctement, mais la famille de polices est toujours bloquée sur Arial.

cssgmailhtml-email
16
Kevin_TA

On dirait que vous coigner le TR, mais Gmail est en train de le monter avec un style au TD. Quand A TD et un conflit TR, le TD va gagner parce qu'il s'agit du conteneur le plus immédiat ... la correspondance la plus proche selon les règles CSS3. Je pense que je pense que Si vous utilisez un style inline sur votre TD, vous pourrez y passer.

10
colonelclick
  1. N'utilisez pas de styles sur <tr>, faites-le sur <td> ou un <span> autour du texte.
  2. Il ne comporte pas si vous écrivez # 000, # 000000 ou noir comme une couleur :)
3
Bidstrup

À partir de l'expérience, j'ai trouvé que la chose la plus sûre à faire avec les codes de couleur est toujours d'utiliser le code de numéro 6 - J'ai eu un problème similaire une fois et il a été corrigé simplement en modifiant le code de couleur de 3 chiffres à 6 - il ne prend aucune Temps du tout pour taper 3 chiffres supplémentaires après tout :)

3
Liz Long

Gmail changera vos liens de Black (# 000000) au bleu par défaut, probablement sous forme de fonctionnalité anti-spamming.

Pour contourner cela, changez simplement la couleur de la police vers (# 000001), par ex.

<a href="#" style="color: #000001;">Click HERE</a>
3
crmpicco

"Il ne comporte pas si vous écrivez # 000, # 000000 ou noir comme une couleur :)"

Oui, parfois, des courriels rendent 3 couleurs hexadécimales d'une manière légèrement différente. En règle générale, il est préférable de s'en tenir à 6 pour la compatibilité.

2
Chess Byte