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.

 

Reply 1 (1)

BSS-Commerce
Shopify Expert
3465 459 515

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 or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development