Custom Font does Not Work - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Custom Font does Not Work

Laurent

Laurent

SP Page Builder 7 months ago

Hi,

On SPPB latest release, I have uploaded a custom font here https://prnt.sc/XBSZ9F2CMMgo I use this font from front-end, but even If I see it in bloc code, the font is not applied https://prnt.sc/19yocX4ALd-C

Why ?

Thanks L.

0
12 Answers
Laurent
Laurent
Accepted Answer
7 months ago #188962

any news about this bug fix?

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 7 months ago #186346

Hi

Thanks for contacting us. Could you please give me your site URL? So that I can check.

-Regards.

0
Laurent
Laurent
Accepted Answer
7 months ago #186347

see Hidden Content area.

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 7 months ago #186349

Could you please use this CSS in your custom.css file

#sppb-addon-1740575059407 .sppb-addon-header .sppb-addon-title {
    font-family: Lucida Handwriting Std !important;
}
0
Laurent
Laurent
Accepted Answer
7 months ago #186351

ok done. same problem.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #186442

Maybe problem is with missing ' ' in font name, becuase it's longer name.

font-family: 'Lucida Handwriting Std' !important;

TRY

#sppb-addon-1740575059407 .sppb-addon-header .sppb-addon-title 
{  font-family: 'Lucida Handwriting Std' !important;  }

BTW

Are you sure that "Std" is correct name, I think "Regular" should be used.

0
Laurent
Laurent
Accepted Answer
7 months ago #186460

You're right. I have tried this and works fine :

#sppb-addon-1740575059407 .sppb-addon-header .sppb-addon-title {
    font-family: 'Lucida Handwriting' !important;
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 7 months ago #186444

and there is small conflict made by you, becuase you set for H1 Arial, sans-serif - probably in Template Options > Typography

If yes, disable that (!)

And then use the same using Custom CSS

h1 {font-size: 48px; font-family: 'Lucida Handwriting Regular' !important; }

And font will work.

info_3358_2025.gif

0
Laurent
Laurent
Accepted Answer
7 months ago #186461

Ok understood. But as I said on my first post. I have uploaded a custom font here https://prnt.sc/XBSZ9F2CMMgo So why font is not loaded? normally I do not have to add this code manually on custom css as, font should loaded from SPPB?

#sppb-addon-1740575059407 .sppb-addon-header .sppb-addon-title {
    font-family: 'Lucida Handwriting' !important;
}

here is the code loaded by SPPB : https://prnt.sc/eHha0V7wiBja

As you said, I think SPPB forget ' ' in font name when we load custom font.

0
Laurent
Laurent
Accepted Answer
7 months ago #186763

any news?

0
Laurent
Laurent
Accepted Answer
7 months ago #186585

any news or idea?

0
Laurent
Laurent
Accepted Answer
7 months ago #187377

any news please ?

0