Is it possible to use 'Open Sans' in Email [duplicate]

Question

We have been trying to Use 'Open Sans' google font in out email templates using @font face and @media screen(To add the 'open sans' font).But still no use!

We tried sending a sample email with text in Open sans font but though it shows as Open sans in outlook and Gmail.It is not as you can see in the screnshot.

so it even possible to uses "Open Sans" font in emails??

Answer 1

It is absolutely possible to send out an email with Open Sans. Many email clients work with Google Web Fonts. A noted exception is gmail, which at this time does not work with any web fonts.

Other exceptions include Outlook, but it varies by font name.

What you need to do is choose a web safe font as a fallback. For instance, Arial or maybe Trebuchet.

These links will give you a better understanding of web fonts and how to use them in email.

• https://www.cssfontstack.com
• https://litmus.com/blog/the-ultimate-guide-to-web-fonts

Good luck.

Answer 2

You should use as simple HTML code as possible and I recommend to use just simple inline CSS. This as you have almost no control on how the very different email clients will render your code. Some do block JavaScript for security reasons, some are not capable to display animated gifs or do block any content you want to load into your mail due to privacy reasons etc.

So I assume that Outlook will block external fonts as it does for external images etc. I suggest to use simple 'font instructions' and common fonts resulting in things like "font-family: Arial, Helvetica, Tahoma, sans-serif;" Especially 'sans-serif' will work as a fall back scenario if the other fonts are not available.

See also: https://www.w3schools.com/cssref/css_websafe_fonts.asp