Custom Fonts

  • Resolved joeb2880

    (@joeb2880)


    3 months, 1 week ago

    I’ve added custom fonts to email-header.php within <head>

        <link  rel="stylesheet">
    <link  rel="stylesheet">

    Then on the email editor I’ve added custom styles:

    @font-face {
    font-family: 'roboto-mono';
    src: url('https://shop.bristolbotbuilders.com/wp-content/uploads/useanyfont/5915Roboto-Mono.woff2') format('woff2'),url('https://shop.bristolbotbuilders.com/wp-content/uploads/useanyfont/5915Roboto-Mono.woff') format('woff');
    font-display: auto
    }

    @font-face {
    font-family: 'roboto';
    src: url('https://shop.bristolbotbuilders.com/wp-content/uploads/useanyfont/9642Roboto.woff2') format('woff2'),url('https://shop.bristolbotbuilders.com/wp-content/uploads/useanyfont/9642Roboto.woff') format('woff');
    font-display: auto
    }

    h1, h2, h2 a {
    font-family: 'roboto-mono' !important;
    }

    p, td, th {
    font-family: 'roboto' !important;
    }

    a {
    color: #b90600 !important;
    font-weight: 600 !important;;
    }

    within the editor the preview has my custom fonts, but when i send a test email it’s the default fonts instead – what am I doing wrong? Thanks

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support karlalevelup

    (@karlalevelup)

    Hi there!

    I’m here to help.

    Most email apps will not render the custom fonts using CSS styles. On the other hand, you can follow what Gilbert recommended in this previous forum topic to guide you in your customization: How to Add a Custom Font

    The Kadence email customizer uses the WooCommerce headings. To add a font to your email, you should add it to the head of the emails at wp-content\plugins\woocommerce\templates\emails\email-header.php.

    The file reads: This template can be overridden by copying it to yourtheme/woocommerce/emails/email-header.php. Then, you can add a font in the head of the document and apply it using CSS.

    I hope this helps and let me know if I can assist you further.

    Thread Starter joeb2880

    (@joeb2880)

    Hi thanks for your reply. Yeah I’d had a look at that post before and I’d added the fonts to the email-header.php – you’re saying regardless of this most email apps don’t render it? Good to know.

    Plugin Support michael-levelup

    (@michaeltarongoy)

    Hi there,

    Yes that is correct. Not all email clients support custom fonts, and there isn’t a workaround for this as that is up to the email client’s discretion.

    Let us know how we could help you further.
     
    Kind Regards,
    Michael Taro

    Plugin Support karlalevelup

    (@karlalevelup)

    Hi there!

    It’s been a while since we heard back from you. I’ll mark this topic as resolved now.

    Kindly submit a new topic if we can help you with anything else.

    Have a great day ahead!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.