question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

subpixel-antialiased for css baseline

See original GitHub issue

As per https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth:

subpixel-antialiased - On most non-retina displays, this will give the sharpest text.

Most desktop displays aren’t retina. CSS Baseline should include a media query to use this instead of antialiased for better font smoothing.

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:16 (12 by maintainers)

github_iconTop GitHub Comments

1reaction
mattstobbscommented, May 16, 2020

@oliviertassinari Can’t argue with that! I’ll update the docs with what was suggested and put up a PR 😃

1reaction
oliviertassinaricommented, Feb 19, 2020

Sounds great

Read more comments on GitHub >

github_iconTop Results From Across the Web

subpixel-antialiased for css baseline #19665 - mui/material-ui
Most desktop displays aren't retina. CSS Baseline should include a media query to use this instead of antialiased for better font smoothing.
Read more >
Tailwind CSS class: subpixel-antialiased - Shuffle.dev
Tailwind CSS class subpixel-antialiased with source code and live preview. You can copy the example and paste it into your project or use...
Read more >
CSS properties that affect type rendering - The Typekit Blog
The vendor-prefixed property -webkit-font-smoothing allows designers to specify one of three options: subpixel-antialiased (the default), ...
Read more >
Please Stop "Fixing" Font Smoothing - Usability Post
Applying antialiasing instead of subpixel rendering makes the fonts less crisp, and removing contrast by using light grays makes it unreadable.
Read more >
text-rendering - CSS: Cascading Style Sheets - MDN Web Docs
The text-rendering CSS property provides information to the rendering engine about what to optimize for when rendering text. The browser makes ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found