Arvo Google Font: Only Loading Italic

Support
#1

Hello,

I am working on https://cpimain.wpengine.com/, which uses X. Unfortunately, any text on the site that is using the Google Font “Arvo” is showing up in italics. I’ve spent considerable time inspecting the CSS. I’ve also tried deleting and re-uploading the child them as well as deleting the child-theme entirely, neither which have worked. I also tried to reinstall the newest version of X, and that didn’t help.

I’ve also tried enabling and disabling the font manager, which hasn’t worked. Note: I have also of course checked to make sure the body font hasn’t been set so that italics are enabled as the default.

The only thing that has worked so far is by applying a greater font-weight to any of the text that is using Arvo. For instance, the two buttons in the header were initially set to have a font-weight of 500. When left there, the buttons’ fonts were italic. When I applied the font-weight of 700+, the italics were gone.

Interestingly, I tried to start from scratch with the font-manager, but as you can see in the screenshot below, if I simply select “Arvo” the font displays in italic.

Any ideas on how I can get this resolved?

#2

Hi,

Thanks for writing in! I’m sorry to hear that you’re experiencing this issue.

I tried on my test sites and could not replicate the issue.

can you try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

Thanks

#3

Hey Paul,

I should have noted that I tried that yesterday, too. To be safe, I went ahead and deactivated each plugin one-by-one again this morning, but unfortunately, nothing changed for me. I was still seeing Arvo in italics throughout the site, and the Arvo font in the font in the font manager was still in italics.

#4

Hello There,

Thanks for writing in! I have logged in and yet did not do much because the credentials has a very limited privileges. Anyways, I have investigated the issue using my local installation instead. I can confirm that this is a bug in the latest release. It is suppose to display 4 font weights yet it only displays two. I’ve submitted this to our issue tracker so the developers will be made aware of it.

For the meantime, please add this line in your child theme’s style.css so that you can use the italic font weight of the font.

@import url('https://fonts.googleapis.com/css?family=Arvo:400i,700i');

Thank you for your understanding.

#5

My apologies for the delay. I’ve been traveling.

Unfortunately, what you’ve outlined has not corrected this issue. I’d actually already had that font imported to my stylesheet, but I tried it again to be safe. It didn’t change the issues for us.

Also, just to be clear, my issue is not that I can’t make the Arvo font display in italics. My problem is that anywhere the Arvo font is displayed, and so long as it’s not a font-weight of 700, it displays in italics, which is not what we setup.

I have just corrected the user permissions for the credentials provided privately. Please let me know if you have any questions.

#6

Hi John,

Thank you for updating the credentials, have you already sorted out the issue? I can’t replicate it on your site





Please clarify, If the issue is still present on your end, try using a different browser.

Cheers!

#7

Thanks a bunch, Friech. I was able to get it sorted out, though I had to reset my modem and router in order to finally see everything straightened out on my end. Anyhow, I am all set and appreciate the time and support.

#8

Glad to hear you got it sorted.

Cheers!

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.