Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change Brave font type or increase size to decrease chromium blurriness and jaggedy font rendering. #5032

Open
nhantrn opened this issue Jun 25, 2019 · 13 comments
Labels
design A design change, especially one which needs input from the design team

Comments

@nhantrn
Copy link

nhantrn commented Jun 25, 2019

I'm on a Windows 10 machine and Chromium font rendering is pretty terrible. I'm hoping with Microsoft's incoming Edge, they'll help match the quality to that of CLearType and MacOS equivalent. But until then, please consider changing Brave's Muli font-type to another type that's better rendered for chromium. Or consider making the UI text size larger to prevent blurriness of bolded text and jaggedy of small text.

brave font

You can see above the different of bold text. Brave chromium is just a blurry mess. The normal text on Edge and Firefox is also better rendered. It's more solid and readable whereas Brave chromium is thinly and jaggedy. The jaggedness is more apparent in smaller text sizes, for example in Brave setting page below:

2019-06-24_172413__Bravesett

It's just terrible to look at and hard to focus on the small text. Making the font size large would really help in the setting page. Please please improve it.

@rebron rebron added the design A design change, especially one which needs input from the design team label Jul 5, 2019
@bsclifton
Copy link
Member

cc: @rossmoody @petemill

@rossmoody
Copy link
Contributor

This would be a @jenn-rhim or @bradleyrichter call.

@VivaLaRobo
Copy link

I am also having this blurriness issue

@anacondaq
Copy link

anacondaq commented Sep 16, 2020

Let me add several tips to blur fonts:

  • this happens only on Windows 10, not linux distros, not macos on the same device (tested)
  • turning off hardware accseleration will not help
  • playing with different flags:// will not help
  • this happens on displays with not native resolution. I mean not 100% scaling. Mostly on laptops (any scale, 125%, 150%, 141% does not matter).
  • turning off everything from drivers side - will not help too
  • forcing to run browser on discreate GPU instead of integrated intel - will not fix the problem too
  • using extensions for helping to fix the problem - will not help too.
  • and last - Roboto font displayed very smooth and very good on all sites. While all others NOT so good.
  • the issue not related to cleartype too.

What is really can fix the problem?
Font rendering engine.

There is a browser called Cent Browser.
Cent browser has built-in feature to switch font rendering engine from GDI to DirectWrite (custom made flag by them)
This helps a lot.

This issue does not happen on many devices as far as I understand it after checking different devices.
Only laptops and very large displays with not 100% scaling.

On scale above 175% the issue not happened, because amount of pixels in resolution and scale factor is more than enough to fix all aliasing stuff.

@Snaxeko
Copy link

Snaxeko commented Oct 8, 2020

Let me add several tips to blur fonts:

* this happens only on Windows 10, not linux distros, not macos on the same device (tested)

* turning off hardware accseleration will not help

* playing with different `flags://` will not help

* this happens on displays with not native resolution. I mean not 100% scaling. Mostly on laptops (any scale, 125%, 150%, 141% does not matter).

* turning off everything from drivers side - will not help too

* forcing to run browser on discreate GPU instead of integrated intel - will not fix the problem too

* using extensions for helping to fix the problem - will not help too.

* and last - Roboto font displayed very smooth and very good on all sites. While all others NOT so good.

* the  issue not related to cleartype too.

What is really can fix the problem?
Font rendering engine.

There is a browser called Cent Browser.
Cent browser has built-in feature to switch font rendering engine from GDI to DirectWrite (custom made flag by them)
This helps a lot.

This issue does not happen on many devices as far as I understand it after checking different devices.
Only laptops and very large displays with not 100% scaling.

On scale above 175% the issue not happened, because amount of pixels in resolution and scale factor is more than enough to fix all aliasing stuff.

I also experience the issue at 100% scaling but 175 PPI (1080p 12.5" screen), the text is blurry especially while alt tabbing, it's probabl due to high DPI.

@LinusLeonard
Copy link

This is one of the two main issues I have with Brave, and the reason why Firefox will remain my default. Firefox UI font handling is perfect. It respects individual monitor DPI (I've got three monitors, they all have different DPI settings, and Firefox adjusts whenever I move a window from one monitor to another). Firefox UI also respects my ClearType settings. Brave doesn't.

@Snaxeko
Copy link

Snaxeko commented Jan 12, 2021

This is one of the two main issues I have with Brave, and the reason why Firefox will remain my default. Firefox UI font handling is perfect. It respects individual monitor DPI (I've got three monitors, they all have different DPI settings, and Firefox adjusts whenever I move a window from one monitor to another). Firefox UI also respects my ClearType settings. Brave doesn't.

Chromium doesn't, I don't think the issue is related to Brave. I experienced the same with Vivaldi.

@jamesta696
Copy link

Any fix on this?
I'm experiencing the same issues, Blurry Images & fonts/text on Brave Browser. I like this browser alot but being a developer and testing my work, it's not a good experience at all :(

Brave Version 1.19.88 Chromium: 88.0.4324.96 (Official Build) (64-bit) - Blurry
image

FireFox - CLEAR
image

Chrome - Blurry as well
image

@monoblaine
Copy link

Here is the Chromium issue (from 2015):

https://bugs.chromium.org/p/chromium/issues/detail?id=534732

Since MS's new Edge is also Chromium based and suffering the same problem, I've got some hope that this problem will be fixed by them in a couple of months. or years.

@xsrvmy
Copy link

xsrvmy commented Jun 8, 2021

Edge has apparently fixed this. Hopefully something is coming to brave soon.

@Ebemtb
Copy link

Ebemtb commented Dec 20, 2021

Today I wanted to use Brave as my default browser but I also have these blurry text and images on my external monitors of my laptop. The laptop screen is only occasionally used.

HP Dragonfly 13,3" Notebook (8MK86EA ) Windows 10 with notebook screen resolution = 3840 x 2160
Attached screens (daily use) via USBC dock: 2x QHD (2560 x 1440) resolution, notebook lit is closed (screen not active)

Tried several things but does not help, all other browsers (Chrome, Firefox, Edge) give sharp text and images.

Brave settings Hardware Acceleration on/off does not help
No relevant settinge found in Intel Graphics command Center
All drivers/bios, Brave up to date to latest version (Dec 20th 2021)

Hope there will be a solution soon. I will upgrade to Windows 11 in the next month, hope that W11 solves this issues.

@zakius
Copy link

zakius commented Mar 16, 2022

Edge has apparently fixed this. Hopefully something is coming to brave soon.

they've been working on this, but text in chrEdge is still exactly as blurry as in any other Chromium based browser even today

for the sake of all the Electron and CEF based apps would be best if this got forced upstream somehow too

@ValeZAA
Copy link

ValeZAA commented Apr 4, 2024

This is now fixed upstream.

https://issues.chromium.org/issues/40037626

@rebron rebron moved this to Untriaged backlog in Front End May 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design A design change, especially one which needs input from the design team
Projects
Status: Untriaged backlog
Development

No branches or pull requests