[SOLVED] Possible CSS/HTML Bug?

[Leah96xxx]

Browser, version and OS: Chrome Desktop 81, Windows 10 Home 1909 x64

 

Steps to reproduce/what were you doing before it happened?

Just browsing the forum as usual.

 

What happened?

Labels appeared in the User menu next to the button titles (person, forum, chat, etc.) in the HTML default Times New Roman font. Please see the attached screenshot. See my reply for more details.

 

What did you expect to happen?

No labels, only button titles

 

Link to a page where it happened, if applicable: 

Entire forum

 

Screenshots of the issue, if applicable: 

 

Any other relevant details:

None I can think of... I'll let you know if there are.

 

If it's a cloudflare error, what was the ray ID from the bottom of the error page? 

Edited May 17, 2020 by Leah96xxx
Marked as solved

[Leah96xxx]

To add to the problem I have just discovered a similar issue at the bottom of each post:

 

I'm pretty sure the font is meant to match everything else on here, isn't it? And that underscore looks a bit out of place.

In my amateur opinion it looks like it might be either a minor CSS or HTML bug or an issue with Chrome.

 

EDIT: After adjusting my eyesight, I noticed that the search bar does it too.

[colonel_mortis]

Do you have any extensions that are changing the font, blocking google, or anything like that? The font that is used for the icons is served from Google fonts.

If not, try hard refreshing using Ctrl+Shift+R, or clear your cache.

[Leah96xxx]

Never mind, I found the cause. Pi-Hole is blocking Google fonts for some reason. Do you know the URL for Google Fonts so I can whitelist it?

EDIT: Sorry guys, but I just don't trust ad providers. I also use it for more that just blocking ads.

[colonel_mortis]

4 minutes ago, Leah96xxx said:

Never mind, I found the cause. Pi-Hole is blocking Google fonts for some reason. Do you know the URL for Google Fonts so I can whitelist it?

EDIT: Sorry guys, but I just don't trust ad providers. I also use it for more that just blocking ads.

fonts.gstatic.com and fonts.googleapis.com are the ones to whitelist I think

[Leah96xxx]

Thanks! I'll give that a shot. I'll flush my DNS caches and recreate the issue before I whitelist them so I can tell if it's worked. I'll let you know the results.

EDIT, again: It'll have to wait a couple hours. I stupidly fell for the Epic GTAV offer and I'm waiting for it to download. Knowing Epic, I don't want to reset my connection and lose my download.

[Leah96xxx]

I can confirm that whitelisting Google fonts in Pi-Hole fixed the issue. I have now marked the thread as solved.

 

Thanks again for your help!