Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Latest Update caused Font Issues in SP Pagebuilder

Featured Lock Resolved Bug
Hello!i
I just updated to SP Pagebuilder 3.4.5 and my page does not display fonts correctly when editing in SP Pagebuilder. It looked fine before the update.

I have attached pictures of the live page and editing page.

Any thoughts?
Scott

Attachments (2)

  • fontchange.jpg
    fontchange.jpg 220.9 KB
  • fontchange_frontend.jpg
    fontchange_frontend.jpg 145.4 KB

14 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
Hmmm.
Can you tell us what Google Font you used, full name please + screenshot

scomil808

More than a month ago #Permalink
Paul,
I use Open Sans, Poppins and Zilla Slab. Pic attached and sent you a PM with backend credentials to see the style if you wish.

Thanks,
Scott

Attachments (1)

  • fonts image 1.jpg
    fonts image 1.jpg 38.5 KB

Paul Frankowski - Staff

More than a month ago #Permalink
but those are Helix settings, not from SPPB Pro (so I don't see relation with SPPB Update)

thanks I will check PM soon

scomil808

More than a month ago #Permalink
Paul,
The issue happened after the update. There was nothing else changed on my end.

I worked on a page, did the update then went back into a page using SP Pagebuild Frontend and the fonts are now not displaying correctly.

The right side module is displaying the font correctly in the Frontend Editor by the way.

Thanks,
Scott

scomil808

More than a month ago #Permalink
Ok, so I tried a few things in the Frontend today. The old text after the update is not displaying the correct fonts. However, if I create new then it displays the font correctly.

Example - I created a heading the other day with Zilla Slab as the default H3 header. If you look at the code you will see the following:
Old Header after update
h3 {

font-family: 'Zilla Slab', sans-serif; (This entire line is crossed out)
font-size: 30px;
font-weight: 800;

}

Created New Header after update

h3 {

font-family: 'Zilla Slab', sans-serif; (This line is not crossed out so the font display properly)
font-size: 30px;
font-weight: 800;

}

Paul Frankowski - Staff

More than a month ago #Permalink
thanks for investigation, I guess it's a task for our developer,
he changed something in fonts in the last update.

But I will login to check out as well.

scomil808

More than a month ago #Permalink
Ok, so here is the issue. Basically, the addons resemble the following:

#sppb-addon-1552073198446 .sppb-addon-content {
font-family: "";
}

When I use FireFox developer and untick that applied CSS then the font returns back to what it should look like.

Somewhere in the update, it applies a font-family: ""

I started overriding the fonts in custom CSS but will wait to hear back from you and see what your resolution is.

Scott

Paul Frankowski - Staff

More than a month ago #Permalink
As I first step, I made a test with HTML tags in the article
.
test-page.png

and all is OK, fonts are taken from Helix settings.
Now I will check test Page from SPPB.

Attachments (1)

  • test-page.png
    test-page.png 34.4 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Here is my test with NEW page done in SPPB, fonts are also OK
.
fonts2.png

Attachments (1)

  • fonts2.png
    fonts2.png 32.8 KB

Paul Frankowski - Staff

More than a month ago #Permalink
as I said in PM, yes, I need a direct link to that page where is "wrong"
font-family: "";

scomil808

More than a month ago #Permalink
Paul,
Thanks for looking into this but again it's the older pages before the upgrade that were affected. I had written some CSS overrides so that it looks as it should it on the backend.

If you take a look a look at this page I did not override CSS for H4. When you edit it on the frontend look at Veteran Hotline in the right box, the H4 title is how everything else looked.
http://newsite.wtmorris.net/index.php/community/veterans-association

Image attached

Attachments (1)

  • h4.png
    h4.png 510.3 KB

Paul Frankowski - Staff

More than a month ago #Permalink
I see that that header is using now Open Sans", sans-serif; On front-end, not edit mode.
open-sans.png

And what font should be used?

Attachments (1)

  • open-sans.png
    open-sans.png 6.9 KB

scomil808

More than a month ago #Permalink
Paul,
The issues deal with using the frontend PageBuilder editor only. In the editor, it shows no font. That's the issue when using the editor.

Go here:
http://newsite.wtmorris.net/index.php/community/veterans-association/edit/202

Attachments (1)

  • h4_no font.png
    h4_no font.png 511.4 KB

Al Mamun - Staff

More than a month ago #Permalink
Hi scomil808,

Please send me your site administrator login details in Private Message. I need further investigation.

Thanks,
Mamun


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 122
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 119
Toufiq

Toufiq

Total Accepted Answers: 54
Pavel

Pavel

Total Accepted Answers: 5
M

Mel

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us