Adding custom font

Hello,

What is the process you’re using for adding the font, and where are you adding the CSS?

It’s possible that you’re doing everything correctly to add the font, but some email clients will not render the CSS.

-Kevin

Here is a css example that you can add in the custom css box:

@import url('https://fonts.googleapis.com/css?family=IM+Fell+English');
#template_header h1 {
font-family: 'IM Fell English', serif !important;
}

But must be said clearly this will not work in most email clients. Especially mobile apps.

Ben

@britner @jx-3p Thanks for the info. What causes this not to work in such email clients?

Is there anything I can do to ensure this will work?

I was using the WooCommerce > Email Customiser > Custom Styles > Custom CSS box.

Jack

This is not within our control, as it’s how the email clients are designed. I can’t say for sure why they are this way, but Ben may be able to shed more light on this.

That is the correct area for adding the CSS.

-Kevin

Is there anything I can do to ensure this will work?

No, email clients are not set to a standard and they choose what and how they want to work, Many simply choose to not support custom fonts for various reasons.

https://css-tricks.com/kinda-can-use-custom-fonts-html-emails/

Ben

Thanks for the info Kevin & Ben.

I’ll go ahead and mark this issue as resolved.