Email Font

Siyam

I created new template for my website and I added One of the Google fonts (Cairo). The font is appear everywhere in the website but when I receive the email on my google email or outlook the font disappear.

I add <link href="https://fonts.googleapis.com/css?family=Cairo&display=swap" rel="stylesheet"> to the Header tab from the template but it doesn't work.

I opened template.php and added the this line exactly before closing the head </head>:
$before .= '<link href="https://fonts.googleapis.com/css?family=Cairo&display=swap" rel="stylesheet">';

but it doesn't work too.

Any other solution

jvstratum

Hi,

Have you tried to put this in your css tab:

@import url(http://fonts.googleapis.com/css?family=Cairo);

Remi_Acyba

Hi,
Becarefull with google fonts, they are not compatible with every mail client.
Here is an article of litmus about that https://litmus.com/blog/the-ultimate-guide-to-web-fonts

RobertS

I am also having a problem with the fonts not working. It was working and now after the May update the css is not overriding anymore. Tried all the tips

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
{font-family: Open Sans !important;}

This is very time consuming and frustrating NOT TO BE ABLE TO SIMPLY SELECT A FONT!!