Website Building » WooCommerce » How Do I Change the Font in WooCommerce?

How Do I Change the Font in WooCommerce?

Last updated on October 1, 2022 @ 1:37 pm

WooCommerce is a powerful eCommerce plugin that helps you turn your WordPress website into an online store. One of the great things about WooCommerce is that it’s highly customizable. You can change everything from the color of your buttons to the layout of your products page. In this article, we’ll show you how to change the font in WooCommerce.

There are two ways to change the font in WooCommerce. The first way is to use the built-in WordPress theme customizer. To do this, go to Appearance > Customize in your WordPress dashboard.

Then, click on the Typography section and scroll down to the Base Typography setting. From here, you can select a new font for your WooCommerce store.

The second way to change the font in WooCommerce is by adding some CSS to your theme’s stylesheet. To do this, go to Appearance > Editor in your WordPress dashboard. Then, find the stylesheet (style.css) on the right side of the screen and click on it. Once you’re in the stylesheet, scroll down to where it says “body { }”. Inside of these curly braces, you’ll want to add the following CSS:

.woocommerce-page body, .woocommerce-page button, .woocommerce-page input[type=button], .woocommerce-page input[type=reset], .woocommerce-page input[type=submit] { font-family: “Your Font Here”, sans-serif; }

PRO TIP: If you are not a developer, do not attempt to change the font in WooCommerce. This can break your site if done incorrectly.

Replace “Your Font Here” with the name of the font you want to use for your WooCommerce store.

Conclusion:


In conclusion, there are two ways that you can change the font in WooCommerce. The first way is by using the built-in WordPress theme customizer and the second way is by adding some CSS code to your theme’s stylesheet.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.