Outlook 2013 Ignore font-family
Quelle est la meilleure façon de choisir la police de la famille lors du codage d'e-mails pour Outlook 2013? J'ai trouvé que font-family est ignoré lorsqu'il est ajouté inline comme ceci:
<span style="font-family: Helvetica, Arial, sans-serif;">Text</span>
J'ai trouvé que cela fonctionne:
<span><font face="Helvetica, Arial, sans-serif">Text</font></span>
Cependant, c'est une douleur que j'ai à ajouter le tag partout que le texte est ajouté. Emballage une étiquette autour de plusieurs éléments est ignoré. Est-il possible que je peux configurer la police une fois et l'oublier?
pourquoi ne pas appliquer un ID à votre balise span et ensuite attribuer une famille de polices à l'ID souhaité à l'intérieur de la CSS externe? jsfiddle.net/BradleyIW/yj73k1du/1
Outlook supprime le <head> section de mails et un CSS externe ne peut pas être utilisé.
ah bon, c'est bon de savoir. Tout dom style applicable via JS? ou est-ce juste du pur HTML?
Pour autant que je sais que c'est du pur HTML. Outlook 2013 utilise Word (plutôt que de webkit qui 2011 utilise) pour afficher le code HTML, donc les choses peuvent devenir un peu loufoque.
Malheureusement, mon pote, les seules options que je peux voir en forme sont ceux que vous avez déjà dit si DOM éléments de style ne sont pas applicables, mais si Outlook 2013 obtient abit fou, je n'en suis pas sûr! je vais jeter un oeil autour de vous.
Outlook supprime le <head> section de mails et un CSS externe ne peut pas être utilisé.
ah bon, c'est bon de savoir. Tout dom style applicable via JS? ou est-ce juste du pur HTML?
Pour autant que je sais que c'est du pur HTML. Outlook 2013 utilise Word (plutôt que de webkit qui 2011 utilise) pour afficher le code HTML, donc les choses peuvent devenir un peu loufoque.
Malheureusement, mon pote, les seules options que je peux voir en forme sont ceux que vous avez déjà dit si DOM éléments de style ne sont pas applicables, mais si Outlook 2013 obtient abit fou, je n'en suis pas sûr! je vais jeter un oeil autour de vous.
OriginalL'auteur Marc | 2015-05-05
Vous devez vous connecter pour publier un commentaire.
Un moyen efficace pour forcer Outlook 2013 pour utiliser une police donnée de la pile est d'envelopper le texte en question dans un
<span>
et à utiliser!important
lors de la définition de lafont-family
. Outlook va encore supprimer tout Google polices qui sont définis dans la tête, mais les autres clients de messagerie utilisent. Voici un exemple:Cela venait de ce génial article: https://www.emailonacid.com/blog/article/email-development/custom-font-stacks-in-outlook
OriginalL'auteur Marc
J'ai eu ce problème et trouvé le post suivant qui a résolu le problème:
https://litmus.com/community/discussions/982-outlook-overrides-font-to-times-new-roman
Fondamentalement, vous devez ajouter les éléments suivants conditionnelle de style css extrait de droite après le
body
numéro de série dans le modèle d'e-mail que vous souhaitez qu'Outlook pour prendre la police souhaitée de la famille (dans ce cas, Arial, Helvetica ou San-Serif) à la place des collants MSO Times New Roman police:OriginalL'auteur CoderRoller
Comment construisez-vous vos e-mails? Si vous utilisez des tables
Fonctionnera très bien dans n'IMPORTE quel client. Seulement besoin d'utiliser un span, si une partie du texte dans la diffère du reste.
Outlook 2013 NE PAS ignorer dans l'en-tête. Je le sais parce que j'ai construit beaucoup de courriels et de je style a:visited dans l'en-tête de telle sorte qu'Outlook (en particulier) ne changeront pas de violet et cela fonctionne bien!
EDIT: UNE réponse plus précise serait pour moi de dire non, malheureusement, vous devez spécifier le style inline à chaque fois. (Ne pas voir que peu de la Question dans un premier temps!)
Extrait de:
Les Media queries sont ignorés oui, mais pas l'id de classes dans le <style> tag. Vous ajoutez le style en ligne pour la table ou de la td? Il doit être le plus proche parent de l'élément. Vous promets que ça fonctionne!
Ajout d'un exemple. Cela fonctionne bien dans Outlook :S
Je seconde la ci-dessus. La plupart des Perspectives ne sera pas dépouiller le chef de styles, ils ont juste recode pour l'adapter à WordHTML. Aussi, êtes-vous de l'envoyer d'Outlook, ou vous recevoir dans Outlook? Ou les deux? N'était pas certain de lire à travers de votre question.
Votre exemple ne fonctionne pas pour moi. C'est pour les e-mails envoyés à partir de iContact et reçu dans Outlook 2013. Le code ci-dessus fonctionne très bien dans Outlook 2011. Est-il un moyen de lire la source d'un e-mail à déterminer si iContact est d'enlever mon "font-family" styles?
OriginalL'auteur lejimmie
Malheureusement, dans mon expérience, la
font
balise est la seule chose qui fonctionne toujours sur Outlook (et Windows Phone, allez comprendre). Vous allez à ajouter de la norme CSS inline pour votre texte ainsi parce que certains clients ne sont pas rendusfont
'sface
attribut.OriginalL'auteur zazzyzeph
Je voulais juste souligner quelque chose à propos de cette police problème, qu'il n'est pas nécessaire de mettre votre font-family déclaration à l'intérieur de la balise body comme CoderRoller mentionnés dans les réponses précédentes.
Aussi j'ai trouvé quelque chose d'autre à propos de ce problème, j'ai été en utilisant une Api de google de police à l'intérieur de la de l'e-mail comme ceci:
Et puis à l'intérieur de la balise body:
Mais les Perspectives ne sont pas d'accord avec le fait d'avoir une police personnalisée comme ça, alors qu'il ignore toutes les autres issues de polices qui sont après votre police personnalisée, donc si c'est votre cas, alors il suffit de retirer la coutume de polices google, et d'utiliser quelque chose comme:
J'ai actuellement le style css dans le head du HTML, j'ai testé avec de tournesol, et il n'a pas d'importance si vous avez de la déclaration à l'intérieur de la balise body, ou dans la balise head.
OriginalL'auteur Leo
Police personnalisée n'est pas universellement prise en charge.
AOL Mail
Natif Android app mail (pas de l'application Gmail)
Apple Mail
iOS Mail
Outlook 2000
Outlook.com app
Outlook iOS
Sont les seuls clients de messagerie qui prennent en charge personnalisée des polices web.
un article utile.
https://litmus.com/blog/the-ultimate-guide-to-web-fonts
OriginalL'auteur Richard Clifford