Gmail not showing correct font
Gmail does not support @font-face.
For you customize the font, you should write inline in each block of text that you have:
< span style="font-family: your-chosen-font">your text< /span>
Note: must be a font we have natively on Windows or Mac.
Styling in-line is definitely best practice however it would seem the major email clients do support adding a font declaration to CSS included in the head of the html file.
As Aaron mentions custom fonts do not work in emails and most likely never will for the foreseeable future. Avoid this by discussing beforehand with clients or designers. Only websafe fonts will display in email clients and even then you will get mixed results in leading and kerning cross platform.
Salvimateus is correct that the following will be a bulletproof solution.
< span style="font-family: your-chosen-font">your text< /span>
However this will also work:
<table>
<tr>
<td style="font-family: your-chosen-font;">Your text here <br> more text.</td>
</tr>
</table>
As will this:
// CSS added to the <head> of the email
<style>
.myClass{ font-family: your-chosen-font; }
</style>
// Class added to the <td> element in the <body> of the email
<table>
<tr>
<td class='myClass'>text here <br> more text.</td>
</tr>
</table>
I can confirm the last option seems to work in the major email clients (Gmail, Outlook, iOS) both desktop and mobile and I've seen good results on Windows phones also.
This is mainly due to the email being recompiled by the 3rd party email marketing software you are naturally using and the css is shoved inline by the compiler.
The net result here is less initial work for the developer.
As a side note if you happened to add all three (just to be sure) - then Salvimateus solution will trump all others as it is applied to the <span>
. In this instance it is read last and therefore rendered by the email client.
According to Campaign Monitors post: Guide to CSS support in email Gmail does not support the @font-face
rule. Actually it is barely support anything. :/