Make custom font match in product description

Solved

Make custom font match in product description

artiisque
New Member
7 0 0

Hello, I'm having an issue with making product descriptions match. I have custom fonts for my website, but some product descriptions show a different custom font than I want. I'm using Barlow Regular and Jandus Road Condensed, and I want the description to all be Barlow Regular (the first one in the images down below). My theme is Dawn 13.0.0 and website is goldengreenobsession.com.

 

Some products (the font I want for descriptions):

artiisque_0-1708200307238.png

 

Other products:

artiisque_1-1708200324332.png

 

Sometimes they even have both: 

artiisque_2-1708200350186.png

 

The code I used to add my custom fonts: https://pastecode.io/s/wzjssadm

 

It looks like this in customize mode: 

artiisque_3-1708200890719.png

 

I would greatly appreciate it if anyone could help me navigate and solve this issue. Thank you.

 

Accepted Solution (1)

BSS-Commerce
Shopify Partner
3478 465 559

This is an accepted solution.

Hi @artiisque ,

Please follow the instructions as follows:
Step 1: Access Shopify Admin => Online Store => Edit code

view - 2024-02-20T175500.114.png

Step 2: Find the base.css file in your theme:

view - 2024-02-20T175532.827.png

Insert this CSS code:

.product__description > p  span {
   font-family: 'Barlow Semibold' !important;
}

It will synchronize fonts for you. I hope this helps you @artiisque  

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


Product Labels by BSS | B2B Solution & Custom Pricing


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency

View solution in original post

Reply 1 (1)

BSS-Commerce
Shopify Partner
3478 465 559

This is an accepted solution.

Hi @artiisque ,

Please follow the instructions as follows:
Step 1: Access Shopify Admin => Online Store => Edit code

view - 2024-02-20T175500.114.png

Step 2: Find the base.css file in your theme:

view - 2024-02-20T175532.827.png

Insert this CSS code:

.product__description > p  span {
   font-family: 'Barlow Semibold' !important;
}

It will synchronize fonts for you. I hope this helps you @artiisque  

If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here .


Product Labels by BSS | B2B Solution & Custom Pricing


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency