Italic Google Fonts not rendering
-
We’ve noticed a change on our WP site recently where the italic version of the main font is not rendered on a post or page. You can see a live example here:
Test Page Fonts Issue
As you can see, the second and third lines should be appearing as italicized, but are not. They’re parsed correctly by the browser, but something is blocking the “last leg” display of the font as its italic version.
Note that in other places on the website, like the backend editor, italics have been appearing correctly. It’s also rendering correctly on the front-end in random places: our homepage, for example, has italics in the main feature which displays correctly. So it seems that the full “Poppins” font is loaded, but just not displayed in most cases.
Can anyone help track down the problem? Thank you!
The blog I need help with is: (visible only to logged in users)
-
Hey there @andrewfacini, good sleuthing. I can see when I uncheck Poppins in my browser’s inspector, the italics render properly.
Note that in other places on the website, like the backend editor, italics have been appearing correctly. It’s also rendering correctly on the front-end in random places: our homepage, for example, has italics in the main feature which displays correctly.
It’s actually not showing as italicized on the home page for me, either. I had to uncheck that in inspect there as well.
I take it this just started happening recently, right? I’m not able to duplicate it on my test site, so I’m wondering if another plugin is conflicting. If you’re aware of when it started, can you see whether any updates or plugin installs correlate with the date this started?
https://wordpress.com/activity-log/
Also, can you share which tool you’re using to specify Poppins (like the site editor? Or is it a default font with your theme) And, if you add another style that includes Poppins italic as its typeface, does that make italics work for the other parts of the site?
Thanks in advance!
-
Hey thanks so much!
So Poppins is set as our default font in the theme – it’s available in the built-in list which includes Google fonts.
Oddly enough, when I uncheck Poppins in the inspector, it does not render correctly for me.
I tried calling Poppins and its variants specifically via `@import in additional theme CSS but that doesn’t seem to be the issue.
-
Thanks @andrewfacini. We’ve had a few other reports of issues with Poppins and a few other fonts, so we’re having our developers take a look.
Oddly enough, when I uncheck Poppins in the inspector, it does not render correctly for me.
For what it’s worth, I had to uncheck it further down the list in the CSS variables, then it rendered italicized, but not Poppins, of course.
We’ll get to the bottom of this and get you updated. Thanks for your patience and thorough testing!
-
@andrewfacini I’m seeing reports that adding the import _should_ fix it. Can you try re-selecting the font in your site editor > style?
-
One more update since I’m seeing this work on another site. Try this under Additional CSS. It’s a bit different from your code that specifies all the faces, but perhaps it’ll do!
@import url('https://fonts.googleapis.com/css?family=Poppins'); -
Hey there, unfortunately the shortened css import code didn’t work — it actually stopped the italics from showing properly on the back-end, too.
For now, I removed the css import method in both ways since it doesn’t seem to be working. Any other ideas I can try?
-
Hey there,
Many thanks for reaching back out!
I’ve taken a look at the console in the editor, and it looks like there’s a number o errors relating to data, and what’s also curious is that styles are not loading in the editor either.
May I ask you to run the Elementer Data update prompted here please: https://councilonstrategicrisks.org/wp-admin/update-core.php
It would be good to rule this out if we’re able to.
Many thanks in advance!
-
-
-
Hello @andrewfacini, Thanks for the update.
I was checking a couple of other things, and I noticed that the theme on http://councilonstrategicrisks.org/, which is the Montagna theme, is retired, which can cause compatibility issues.
Are you open to testing another theme to see if the issue persists?
Thanks!
-
Just noting I’ve spotted a few similar cases, and it looks like a potential fix is in the works, so we might hold off on theme testing. Still, if you wanted to give it a go, you could test your theme safely with the Health Check plugin from WordPress.org. That would let you test without actually affecting the live site.
Otherwise, we’ll send more info when we’ve got news on that update. Thanks!
-
Hi all, thanks for following up on this with me.
Just let me know if a fix has been implemented, or if there’s anything I can test in the meantime to get more info.
-
-
Hello,
I hope you had a wonderful holiday season too! :)
Currently, there are no new developments to share. Any updates will be posted on the GitHub issue related to the problem: https://github.com/Automattic/wp-calypso/issues/84611. You can monitor that link for further information. Your specific case has already been reported there as well.
I understand this may not be the response you were anticipating, but I hope this information is helpful. If you have any more questions or concerns, feel free to let me know!
-
- The topic ‘Italic Google Fonts not rendering’ is closed to new replies.
WordPress.com Forums 