I created an HTML email to send out. I used inline span to change font to arial. However when I view the email in Yahoo, it turns to Times new roman.
What am I doing wrong? Im using
<p><span style="font-family: arial;">This is my text</span></p>
it’s probably your yahoo which is over-riding your html styles.
according to that link, font-family style is supported in yahoo.
check if your yahoo account has some setting somewhere in options/preferences or whatever to see if it is over-riding your html styles.
its weird. i added a COLOR attribute and the color changes for the font but the font family does not.
<p><span style=“color: #b20838;font-weight: bold;font-family: Arial, Helvetica, sans-serif;font-size: 14px;”>This is my text to change</span></p>
BTW, other emails i get from other people show up as arial.
I ran into a similar issue, which was more frustrating than it needed to be because the manager kept saying “the letter type is wrong” which I took to mean “font” (turns out he only meant the size). His copy of outlook always showed everything in 9px Times New Roman no matter what. I could not get a single copy of Outlook anywhere else in the company to show this, nor Evolution, Thunderbird or web mail clients.
I assume he had a setting change on him unexpectedly, and we never found out how because he hadn’t done anything with it but open emails.
Essentially, when designing HTML email, you have to imagine that every combination of fonts not displaying, images not showing, layout being messed up and styling not being applied will be seen by someone, somewhere.
While browsers have got pretty good at interpreting HTML+CSS in the same way, apart from a few edge cases, email clients are a lot further behind, and in the case of Outlook at least, heading in the wrong direction as well. So not only do you need to make your email template as basic as possible, you need to make it gracefully degrade so that if any components of the display are not adhered to, the email still makes sense and is legible and understandable.
If some people end up seeing it in TNR rather than Arial, that isn’t the end of the world!
It all depends on your email client. If you’re using outlook, you may click FORMAT and then richtext and you will get a wysiwyg that will allow you to select any font on your computer. That doesn’t mean your recipient will see that font if they don’t have it also, however. If you want to compose the whole page in html you have to go the the source link at the bottom of your message display.