Stephanie EcklesHere’s an appropriately spooky topic… 👻
Give me your hot takes (and evidence based ones too) for whether or not to apply antialiasing to fonts.
Go!
Roel Nieskens@5t3ph I find that `-webkit-font-smoothing: antialiased` helps render the glyph "as is". If your font has a units-per-em value of, say, 512, and you render it at 32px, that would give you 16upm per pixel. If your glyph contours land exactly on multiples of 16, they will fall on pixel boundaries and will be rendered sharp, without anti-aliasing (which you'd probably expect).
@5t3ph But without `-webkit-font-smoothing: antialiased`, the browser finds a need to anti-alias that edge, even though it originally is sharp. So you'll get a more fuzzy, bold look.
So I kinda prefer the letter shapes to be rendered as close as possible to what the font dictates. But I like browser defaults even more, so I don't use `-webkit-font-smoothing: antialiased` unless I want the glyphs to be pixel perfect (icons, or examples on specimen sites)