Unsolved blurry titles on tabs issue

[DoctorG]

@sgunhouse I see fonts blurred and with bad hinting in Windows 11 and Linux (Ubuntu GNOME + Debian KDE) . Bad experience.

[paneer]

I'm also noticing the blurry tabs when vertical tabs are enabled. Interestingly, it's inconsistently blurry. Not sure if you can tell from my screenshot, but the first tab text "Desktop Browser | Vivaldi Blog" is sharper/clearer than the tabs beneath it. The third tab's text is noticeably blurrier than the first tab.

Using Windows 11, not having any other font issues in other apps/the OS.

[RVSmooth25]

Facing the same issue here as well. For me though, texts on both tabs and address bar are blurry, however scaling does change the situation a little.

especially on 200% all seems good

OS: Arch Linux
WM: Hyprland (wayland)

scaling 100%

scaling 120%

scaling 150%

scaling 200%

[Spiritreader]

Maybe this helps someone:

I had this issue as well, as soon as I upgraded to v7 I had incredibly blurry tab text.

I went into the theme settings because my color configuration (accent from page, accent on winddow) was reset, and changed the theme around a couple of times to see that I had restored my preference correctly for the dark and light theme I use.
After that, my tabs were no longer blurry.

Not sure if this actually fixes it or it was just by chance, but potentially worth a try.

[schreck]

same here..

im having the tabs on the right looking often like this

while other right panel texts like mail looking normal..

[DoctorG]

Which scaling on Windows and Linux UI fonts get blurry. Not nice. I do not understand why webpage font rendering differs so much from UI.

[stpvid1]

Interesting comments about the fonts on chromium type browsers. Did anyone try using Adjust Clear Type Text on Windows? I have before and it looks as good as it can. (even though Firefox has the best fonts rendering) Also there is a setting in Vivaldi://flags , Enable Fontations font backend, try that disabled, it might help. HTH

[DoctorG]

@stpvid1 said in blurry titles on tabs issue:

Did anyone try using Adjust Clear Type Text on Windows?

I set to good font hinting years ago.

[DoctorG]

I do not know if CSS Modification in common.css of browser for the UI
text-rendering: geometricPrecision !important helps to make fonts sharper.
https://css-tricks.com/almanac/properties/t/text-rendering/

I never tested for browser UI.

//EDIT: I do not see an difference, blurry font still appears in tab.

[Oomek]

The issue is that the vertical position of each tab is not quantized to the pixel position. The tab positioning becomes fractional once you start closing, or rearranging tabs. In the attached screenshot, only the top tab is positioned properly.

I hope this will help you to rectify the problem.

Vivaldi: 7.0.3495.27 (Stable channel) (64-bit)
OS: Windows 11 Version 23H2 (Build 22635.4655)

[Oomek]

Is the fix for this being worked on?

[mib2berlin]

@Oomek
Hi, if this is bug VB-110858 it is confirmed in the bug tracker, no developer assigned.
Even the report has higher priority I fear this will not be fixed for Vivaldi 7.1, the time is to short.
You can always ask about the status of a report in the status thread.

https://forum.vivaldi.net/topic/27450/what-is-the-status-of-vb-already-reported-bug-issue/

Cheers, mib

[Oomek]

Thank you for letting me know it's on the bug tracker. I'm just sad that we will have to wait until Vivaldi 7.2 comes out to get one std::floor() added to the Y position of the tab text field.

[npro]

I'm on Linux and I just noticed the same if I scale the UI to 125% and put the tabs to the side. Really stressful to the eyes.

/back to F...

[npro]

Your only workaround is to set the UI scale back to 100% and increase the font size of the titles with a CSS modification.

[nafumofu]

The problem seems to be caused by the fact that the .tab-position element now has will-change: transform set.
Applying the following custom CSS will eliminate the blurring of text.

.tab-position {
    will-change: auto !important;
}

[Gilder677]

@nafumofu Excellent, that works for me after 3 months with blurred tabs, thank you

[schreck]

and still not fixed in latest stable 7.3..

nafumofu´s fix seems to works, thx