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

Add font-weight and font-familty setting #64

Open
kuon opened this issue Mar 24, 2024 · 2 comments
Open

Add font-weight and font-familty setting #64

kuon opened this issue Mar 24, 2024 · 2 comments

Comments

@kuon
Copy link
Contributor

kuon commented Mar 24, 2024

Under linux, the font rendering is different and with the current settings, it is very thin (look at screenshot).

I think it would require quite some work to find some universal font setting. Instead I propose to add an advanced setting to specify font-weight and font-family css directly.

image

@Durss
Copy link
Owner

Durss commented Mar 24, 2024

Strange it is this thin!
Which browser are you using?

As a comparison on windows it looks like this:
image

May you try to inspect the page and disable this CSS property?
image

I made the text a little thinner on dark mode so the text doesn't look "smudged".
But it really shouldn't look that thin.

@kuon
Copy link
Contributor Author

kuon commented Mar 24, 2024

Yes with font-weight: 400 it's similar to windows.

I did investigate a little bit:

  • I have the inter font installed, and font-weight: 250 is not in it, so it falls back to 200. If I use font-variation-settings: 'wght' 250; CSS instead of font-weight it correctly generates a weight of 250 using the variable font variant of my installed font. (but this weight still look a bit thin, image attached)
  • Windows fonts rendering is known to be a little big bolder/smudger than linux and linux usually do not need the "trick" to reduce boldness on dark background

Actual 250 weight rendering:

image

Normal 400 weight rendering:

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants