Forum font rendering issues

I’m browsing the forum from Firefox (tumbleweed) and the font rendering is not using the Source Sans Pro that I’m reading in the CSS. I’m testing it also on Firefox / Safari from a Mac (screenshot) and have the similar issue. I have installed the font from the official repo:
GitHub - adobe-fonts/source-sans: Sans serif font family for user interface environments.

But apart from having or not the font, I think a better fallback should be at least sans-serif.

I’ve just checked on the FF installed on my TW installation, and it seems to be rendering OK.

From a fallback position, we use the default defined by the upstream code (Arial), but the custom theme the Heroes team built for the forums is where the default comes from (presumably it’s the same default as all the openSUSE websites, but I can’t be certain of that).

Do you see this rendering issue on other openSUSE sites?

So far only on the forum website. In addition to the previous feedback, I’m reading this from my mobile phone (iOS) and font is not rendered in both Firefox and Safari. And the fall back is still serif, not sans. Maybe a small CSS details but it would be nice to be fixed :slight_smile:

Very strange that I can’t reproduce this anywhere, but I’ve submitted a request to update the CSS to be sans as a fallback. I don’t have any Apple gear to test from, but on Android and all browsers on openSUSE, it seems fine.

But, like you said, probably a quick fix.

@boredcollie I use a discourse client ‘Fig’ on my phone…

1 Like

Thanks for the suggestion, I downloaded the app. On iOS is called Discourse Hub and I still see the serif font for the render.
I think it’s a easy fix. Out of curiosity I’m trying with browserling on windows and chrome and there is the same issue. My 2cents: probably are missing the woff fonts of the Adobe Source Sans.

How does it look now? (I submitted a request for a tweak, and the update should now be live here)

1 Like

It most certainly looks different. I am not sure whether it is “better” (as it would require old and new side by side). I have a feeling that fonts are more crisp now (Chromium 127 on Linux).

1 Like

Definitely better, thanks. On MacOS Firefox/Safari the Source Code font is still not used, but the fall back is Arial that looks better than the previous serif (Times).
Also on iOS Firefox/Safari and Discourse Hub app is using the sans serif fallback. Thanks, as this improve the overall legibility.

Screenshot (left Firefox, right Safari):

iOS Discourse Hub app:

iOS Safari:

iOS Firefox:

1 Like

Update: I’ve just realized that I downloaded a different version of the Adobe Source Sans Pro that was not taken into account and so the fallback. I just downloaded the font from Source Sans Pro Font Family · 1001 Fonts and it’s rendered as intended. Thanks for the fallback fix in any case!

1 Like

And on Windows (Windows 10, Edge) it became much worse (blurry) in some places.

image