[Solved] Glitchy fonts on various websites

jrittenh · Tux's lil' helper Joined: 10 Feb 2005 Posts: 92

Brand new build on a relatively old machine. The issue is that random fonts (primarily custom fonts from what I can tell, but it's not always custom fonts) sometimes get displayed as garbage. Example is from Google News. If I edit the page and remove the custom font from that sub-header, it works. The link text below the header, though, has no custom font from what I can see, and changing the fonts doesn't seem to help. I saw similar issues on my Unifi router web interface, which does use a custom font as well (and removing it renders it readable). I've experimented with a number of fontconfig settings, but haven't found a solution yet. I also was messing with it to get sub-pixel rendering working, so I don't know if that's related.

Thoughts?

flexibeast · Posted: Fri Apr 12, 2024 1:47 pm Post subject:

The link in your comment appears to be 404, which makes it more difficult to narrow down what the issue might be; different types of 'garbage' can indicate different issues. Please fix that link.

Also, please indicate which font(s) you have as the default, which font(s) you've tried, and what the "custom fonts" were.

jrittenh · Tux's lil' helper Joined: 10 Feb 2005 Posts: 92

That link works for me, but try this one: https://imgur.com/a/oDw6Xcl

Hu · Moderator Joined: 06 Mar 2007 Posts: 21650

For me, both of those lead to an imgur error page that complains about Javascript. No images are visible.

grknight · Retired Dev Joined: 20 Feb 2015 Posts: 1663

These images are likely private to a certain user. I bet if viewed while logged out, the OP would also get a 404.

jrittenh · Tux's lil' helper Joined: 10 Feb 2005 Posts: 92

It looks like Imgur may be having issues...I can't get anything to save. Trying another site.

https://ibb.co/jhyjDbG

jrittenh · Tux's lil' helper Joined: 10 Feb 2005 Posts: 92

flexibeast · Posted: Sat Apr 13, 2024 12:36 am Post subject:

jrittenh · Tux's lil' helper Joined: 10 Feb 2005 Posts: 92

Not anything you'd expect to cause trouble for being too fancy:

font-family: "Google Sans Text", "Roboto", sans-serif;

font-family: 'The New York Times-panel-title-font', 'Google Sans Text', sans-serif;

I'll pull these up on MacOS and Windows for comparison and grab screenshots from each.

jrittenh · Tux's lil' helper Joined: 10 Feb 2005 Posts: 92

Here is MacOS:

https://ibb.co/nCkSKwQ

flexibeast · Posted: Mon Apr 15, 2024 2:40 am Post subject:

It looks like you're providing the CSS styling for the `font-family` attribute, either directly from a style file or as computed by the browser, but that's not what i asked for. i asked:

jrittenh · Tux's lil' helper Joined: 10 Feb 2005 Posts: 92

Apologies, I misunderstood what you were asking. Google Sans Text is not installed, but the Roboto family is. That said, this isn't supposed to matter, as it should fall back gracefully to an installed font, as it does when I remove the custom fonts. I thought this was a cross-browser issue, but it may be limited to google-chrome-stable (123.0.6312.122), as I can't seem to recreate it on Firefox at this point. I just installed google-chrome-beta and it actually appears to be resolved there as well...so this may be a Chrome 123 bug that's already been fixed.