Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

google webfonts inside html newsletter

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.

like image 399
Pacuraru Daniel Avatar asked Jul 25 '12 11:07

Pacuraru Daniel


2 Answers

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.

like image 167
Hobo Avatar answered Oct 06 '22 22:10

Hobo


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.

like image 27
SpaceBeers Avatar answered Oct 06 '22 23:10

SpaceBeers