Return to previous page

Use same fonts as website in email builder

This topic has 2 replies, 2 voices, and was last updated 11 months, 3 weeks ago ago by Rose Tyler

Enjin

Participant

December 5, 2023 at 17:13
Hello,

I’m using the email builder to design the emails for my client. This client uses two fonts families from Adobe fonts (typekit). But I can’t make them appear on the emails from the email builder.

I used a code snippet I found while looking through the support, but it doesn’t display my fonts (I save the email in html and then inspected it in my browser, and I didn’t find the code I put in functions) :
```
add_filter('woocommerce_email_styles', 'add_css_to_email', 99999999);

function add_css_to_email($css) {
 $css .= '
 /* Put CSS here */
 @import url("https://use.typekit.net/svb1ljg.css");

 body, div, td, tr, span {
   font-family: "century-gothic", sans-serif;
 }
 h1, h2, h3, h4, h5, h6 {
  font-family: "thirsty-rough-two",sans-serif;
  font-weight: 300;
 }
 ';
 return $css;
}
```
Can you help me with this ? Thank you 🙂

Please, contact administrator
for this information.
#375803 Copied Theme version: 9.2.5
1 Answer

Rose Tyler

Support staff

December 6, 2023 at 09:43

Hello, Enjin,

Thank you for contacting us and for using XStore.

We kindly request that you review the following topic for further information: https://www.8theme.com/topic/email-builder-templates-no-option-to-set-a-specific-font-type/

Kind Regards,
8theme team

#375854 Copied
Tagged: email design woocommerce, font match wordpress, unified branding solution, website font consistency, woocommerce email builder, wordpress templates
Viewing 2 results - 1 through 2 (of 2 total)