Unsolved blurry titles on tabs issue

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