Error with custom font only for P3

Hello,

I am using 2 different custom fonts for my website. One for headings and one for paragraphs, they are all working fine except for the paragraph 3, it was looking just fine before the site was public but now that is public it just changes itself to a default serif font. This is the code I am using right now, which is exactly the same for p2, p1 and I even have the .sqsrte-small coding so I think with that it should be working fine. Is there something I am missing? pls heelp!

the site is byboldstudio.com

Quote

p2 {
font-family: 'PPPangramSans-CompactRegular'!important;
}
p3 {
font-family: 'PPPangramSans-CompactRegular'!important;
}
.sqsrte-small {
font-family: 'PPPangramSans-CompactRegular'!important;
}

3 hours ago, byboldstudio said:

Hello,

 

I am using 2 different custom fonts for my website. One for headings and one for paragraphs, they are all working fine except for the paragraph 3, it was looking just fine before the site was public but now that is public it just changes itself to a default serif font. This is the code I am using right now, which is exactly the same for p2, p1 and I even have the .sqsrte-small coding so I think with that it should be working fine. Is there something I am missing? pls heelp!

the site is byboldstudio.com

 

Which text are you setting? Can you share some screenshot?

13 hours ago, Beyondspace said:

Which text are you setting? Can you share some screenshot?

Yes, here is an example of the our services page. It seems to be working in my computer while using google chrome but not in other computer's google chrome or safari. 

You can change your code to

p {
  font-family: 'PPPangramSans-CompactRegular'!important;
}

Note: DOM element p1,p2,p3 do not exist, we only have p element

with p3, you try replace 

p

with

p.sqsrte-small