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

Expose -webkit-text-stroke (Fonts are too thin on Ubuntu 16.10) #17963

Open
sryze opened this issue Dec 31, 2016 · 7 comments
Open

Expose -webkit-text-stroke (Fonts are too thin on Ubuntu 16.10) #17963

sryze opened this issue Dec 31, 2016 · 7 comments
Labels
editor-core Editor basic functionality feature-request Request for new features or functionality font-rendering Font rendering issues
Milestone

Comments

@sryze
Copy link

sryze commented Dec 31, 2016

  • VSCode Version: 1.8.1
  • OS Version: Ubuntu 16.10 amd64

I use VS Code on Windows, Mac and since recently Linux, and for some reason text looks much thinner on Linux than on other systems, which makes it a little bit harder to read. Here is a screenshot:

vscode-fonts

Font settings:

    "editor.fontSize": 14,
    "editor.fontFamily": "Source Code Pro",
    "window.zoomLevel": 0

System font settings:

  • Antialiasing: RGBA
  • Hinting: Slight
  • Text scaling factor: 1.00

I've tried various combinations of antialiasing and hinting settings but they all look as bad or worse.

@sryze
Copy link
Author

sryze commented Dec 31, 2016

For what it's worth, Atom has the same problem but I was able to overcome it by adding the following to my stylesheet (found somewhere on the internet):

body, .editor {
  -webkit-text-stroke: .03em;
}

This made text a little bit thicker. Can I do something like this with Visual Studio Code?

@alexdima alexdima added feature-request Request for new features or functionality editor-core Editor basic functionality labels Jan 24, 2017
@alexdima alexdima changed the title Fonts are too thin on Ubuntu 16.10 Expose -webkit-text-stroke (Fonts are too thin on Ubuntu 16.10) Jan 24, 2017
@alexdima alexdima added this to the Backlog milestone Jan 24, 2017
@alexdima alexdima removed their assignment Jan 24, 2017
@FabianLauer
Copy link

Agreed, specifically in dark color themes fonts can be hard to read on Ubuntu. I'm using this as a remedy:

body {
    -webkit-text-stroke: 0.2px;
    text-shadow: 0 0 0.05px;
}

How about a new user setting to make text appear "bolder"?

@alexdima alexdima added the font-rendering Font rendering issues label Sep 20, 2017
@m-thorsen
Copy link

m-thorsen commented Apr 25, 2018

This is still an issue with later Electron versions, and especially so on Arch Linux (possibly others) where Electron subpixel rendering isn't working at all (just grayscale). Ref: electron/electron#12541

Since light themes don't respond as well to these fixes as dark themes, I'd like to propose something a bit more granular - like workbench.fontEmboldening with a few options:

  • "none" // default
  • "smooth" // just the text-stroke
  • "sharp" // just the text-shadow
  • "full" // both shadow and stroke

The alternative would of course be to allow user styles (like Atom), but I seem to recall there were performance concerns?

@albertorestifo
Copy link

Any progress on this front?

@pavangayakwad
Copy link

Any updates on this?

1 similar comment
@Serra53
Copy link

Serra53 commented Nov 29, 2019

Any updates on this?

@rhighs
Copy link

rhighs commented May 13, 2022

Any update on this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
editor-core Editor basic functionality feature-request Request for new features or functionality font-rendering Font rendering issues
Projects
None yet
Development

No branches or pull requests

8 participants