6

Steps to reproduce:
When browsing Brave Search, I've noticed Orion will render results using inconsistent font weights, seemingly randomly. I notice that this sometimes occurs when you search for a term, navigate to a result page, then click Orion's Back button, but not always.

I've got three screenshots of the inconsistent weights (along with what it looks like in Safari). I've tried this in both compatibility mode and not, with consistent results.

Interestingly, when I used the Web Inspector to inspect the element to find its weight (400 in all cases), when the weight was light or bold, Orion re-rendered the elements on the page using the expected weight.

Expected behavior:
The font weight should be consistent every time, based on the site's font-weight setting for a given element's font.

Orion and macOS:

  • Orion: 0.99.108.1-beta
  • macOS: 12.0.1

Image/Video:


This is how Safari looks:

    monkey34 Unable to reproduce. Can you list exact steps to reproduce and/or record a video?

        2 years later

        monkey34 Vlad This is related to how Safari (and presumably Webkit) renders fonts by default.
        It defaults to text-rendering:optimizeSpeed; if you can change this at the Webkit level to text-rendering:optimizeLegibility;, it should fix this issue everywhere.

        I’ve noticed it on Brave, Google, and other sites too. It can be overridden if a site includes it in their css, but many are unaware of the issue which creates weird text fragments that remain unfixed. It also occurs on the mobile version of Orion and Safari. I’m not sure how it could be fixed on iOS given the restrictions.

        Check out this StackOverflow post for an example.

              a year later
              No one is typing