Custom Font

1 0 0

I am trying to use a custom font in Shopify by the method mentioned on page. After doing all the stuff when I inspect the page the font-family on the page changes but the font does not changes attaching some pictures below.
1) Font trying to use


2) Methods I tried 

3) Main page before applying custom font


4) Main page after applying custom font


Please need someone help to solve the issue


Reply 1 (1)
Shopify Expert
2846 380 397

Hi @SubhanTariq ,


You can try replace your code to : 

@font-face {
  font-family: 'RubikWetPaint-Regular';
  src: url('path-to-font/rubikwetpaint-regular.woff2') format('woff2'),
       url('path-to-font/rubikwetpaint-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;

h1, h2, h3, h4, h5, h6, p {
  font-family: 'RubikWetPaint-Regular' !important;

Hope it helps @SubhanTariq !

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