Hey, all. Working on a drag-and-drope email template and attempting to embed a Google Font in a text block via the WYSIWYG More > Edit Source Code, but not taking. Doable or no?
In practice, a lot of email clients will strip the style out of the head (or simply don't support @import or @font-face) so if the client absolutely insists, you'll need to write your font styles inline which might not be possible in a WYSIWYG email template as elements can be added/removed at will. Unless you're also custom building the email modules for them I suppose.
Font-face would be done like this, for the record. You can find this CSS by copy-pasting the fonts.googleapis.com URL of the font you want into your browser.
Generally speaking though @Sjardo is correct when he says it's better to use the default fonts. A lot of email clients don't have support for non-default web fonts. You can find out more in this Hubspot article.
A belated thanks for this. I guess I'm still a little confused though—if I'm wanting to retain the drag-and-drop toolset, how would I access the email header to alter? I know I can edit source code for text blocks via the WYSIWYG, but, in my case, my first block is an image, with no WYSIWYG and no option to edit source code....
Yeah, I know it's not really best practice, but the client really wants to try some web fonts, even if they don't show for some recipients. So, @piersg if we're adding that to an email head, how do we then use the font in subsequent blocks, like a text block? Thanks in advance for explaining this.
In practice, a lot of email clients will strip the style out of the head (or simply don't support @import or @font-face) so if the client absolutely insists, you'll need to write your font styles inline which might not be possible in a WYSIWYG email template as elements can be added/removed at will. Unless you're also custom building the email modules for them I suppose.
Font-face would be done like this, for the record. You can find this CSS by copy-pasting the fonts.googleapis.com URL of the font you want into your browser.
I have no knowledge about font's in email, but I would try to avoid them when possible! Even tho it looks nice, it's often easier to read a email in simple font 🙂 Try to spice up your email branding with images and colours. Often works best.
If you really want to go fancy... be my guest tho!