Custom font for WooCommerce

  • Hi,
    I am looking to use a different font from the theme font as the Pound sign is not suitable with the font used on this site.
    Does anyone know a way to target the WooCommerce currency symbol to display it as a different font to the rest of the site?
    Perhaps a snippet in the functions file in the child theme?
    Can anyone help?!
    Many thanks,
    Ollie

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    Just the ￡ symbol itself, the font for the amount stays as-is? Add this to the customizer’s Additional CSS section:

    .woocommerce-Price-currencySymbol {
   font-family: Arial, sans-serif;
}

    Substitute whichever font you want in place of Arial.

    I’m assuming the appropriate font file has already been loaded by other means.

    Thread Starter ollietubb1

    (@ollietubb1)

    Hi,
    Thank you so much for your reply, I actually came up with the same solution just a short time ago and was going to reply to the thread!
    You got there first so thanks so much for looking and for confirming I came up with a good solution.
    All the best,
    Ollie

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom font for WooCommerce’ is closed to new replies.