google webfonts inside html newsletter

15,033

Solution 1

Obviously it depends on the client software, but this link seemed to do the trick for me. In summary, include the css like this:

<style>
    @import url(http://fonts.googleapis.com/css?family=Open+Sans);
</style>

Just add a reliable fallback font.

Solution 2

You won't be able to do this ( at the time of this answer ). Sorry. The best you could manage is using images instead but no font replacement works in emails.

A lot of people don't like HTML emails and email clients are miles behind browsers in terms of displaying HTML and CSS. Emailology does a very good job of explaining all this. I still use tables for some HTML emails. It's horrible but it's just how things are at the moment.

UPDATE

As mentioned above you can now import inline to your HTML.

Share:
15,033
Pacuraru Daniel
Author by

Pacuraru Daniel

Updated on June 13, 2022

Comments

  • Pacuraru Daniel
    Pacuraru Daniel about 2 years

    i was making an html email and i am using the font Oswald from google webfonts. I inserted it into the html using this line:

    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
    

    It seems the font does not show on google mail client.. is there any other way to implement the html mail with this font in order to show it in google mail ?

    Thank you, Daniel.