Custom Fonts Works On Mobile But Not On Desktop - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Custom Fonts Works On Mobile But Not On Desktop

O

Ola

Template 2 years ago

Hi!

I spent some hours to make our custom web fonts work on Helix Ultimate and Pagebuilder. I use the built-in custom css function in the template and have not created a separate custom.css

I have managed to make the headlines (h1-h6) work in admin view of Pagebuilder and on the mobile view. But not on desktop they are not rendered. I use "Fontanello" add-on for Chrome to identify the font and it finds the correct custom font (the one I want) but Times New Roman is rendered.....

I have uploaded all fonts to the server and the paths seems to work. I have cleared cache.

And yes, how do I style the body text and the navigation bar? Tried with "p" and "body" for the text and "nav" for the menu. Maybe some basic stuff I havent found out yet...

This doesnt work: p, body { color: #18141F !important; font-family : "'Futura BdCn BT"';" !important; font-size: 26x; }

No stress with this. ;-)

Kind regards Ola

0
2 Answers
O
Ola
Accepted Answer
2 years ago #97731

Hi Paul!

Yeah - you are right. I can ask there. I am so spoiled but your excellent support so I started here like an old habit :-)

Ola

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #97720

Hi Ola,

but are you 100% sure that CSS question should be asked on Joomshaper forum, not on forum.joomla.org?

About custom fonts, I always use absolute https domain URL to each font file, it helps.

0