Custom font

  • Hi,

    I need to add custom font in email. I’ve tried to add it via @font-face css in email-header.php but is it not working. Is there any way to add custom fonts in wocommerce email?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author digamberpradhan

    (@digamberpradhan)

    Hi @khushbru

    This goes beyond previewing emails alone.
    You can check out a few articles on it :
    https://themes.email/woocommerce/how-to-add-custom-fonts-in-woocommerce-order-emails.html

    Hope that helps.

    Thread Starter khushbru

    (@khushbru)

    @digamberpradhan Hi, this is for google fonts and it is working fine. But how to use custom fonts?

    Plugin Author digamberpradhan

    (@digamberpradhan)

    You have to host the font on your site, and then enqueue it in the template i believe the link i sent you has an example of that.

    Thread Starter khushbru

    (@khushbru)

    I’ve tried the example for google font:
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"> it is working fine.

    But when I use custom font like this:

    <style type="text/css">	
			@font-face {
			    font-family: "Recoleta";
			    src: url("https://woocommerce-364899-2033018.cloudwaysapps.com/wp-content/uploads/RECOLETA-REGULAR.TTF") format("truetype"),
			    	 url("https://woocommerce-364899-2033018.cloudwaysapps.com/wp-content/uploads/RECOLETA-REGULAR.woff") format("woff");
			    font-weight: 400;
			}
		</style>

    It is not working.

    Can you please give me another way?

    • This reply was modified 3 years ago by khushbru.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Custom font’ is closed to new replies.