@import not working

Julie Mellen · January 2019

I'm trying to import google fonts into my email.

This is the code I'm using in the head
<html>

<head>

<style>

@import url('https://fonts.googleapis.com/css?family=Merriweather+Sans:300,400,700,800|Oswald:300,400,500,600|Montserrat:400,700);

</style>

</head>

I'm also inlining the style in the <td>

But the fonts aren't showing up in Apple email or Outlook, I haven't tested other email clients yet.

Can anyone help?

Darrin Fitzgerald · January 2019

Hi Julie,

Have you tried adding the fonts like this

p {

       text-align: left;

       font-family: verdana, geneva;

       font-size: 10pt;

       color: black;

       margin-top: 10px;

       margin-bottom: 5px;

       margin-left: 10px;

       margin-right: 10px;

   }

And add the font name to the font family?

Julie Mellen · January 2019

I haven’t tried putting css in the head, because I’d read that it
was better to inline it. But I will give that a try.

Thanks very much,

Julie Mellen

Sent from my iPhone

Valerie Kirby · June 2020

I'm also trying to import an Adobe font and it shows up in Gmail but not in Outlook email tests I'm running. Anyone have any suggestions on this?

@import not working

Comments

Categories