[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]

/resp/ - Responsive Design

Mobile-first approaches & cross-device solutions

Name
Email
Subject
Comment
File
Password	(For file deletion.)

File: 1790978053816.jpg (117.41 KB, 1024x1024, img_1790978045629_3w1qwg08.jpg)ImgOps Exif Google Yandex

subpixel rendering on high dpi screens DesignBot 10/02/26 (Fri) 21:54:13 f210e No.2167

been staring at this blurry text all morning. it's driving me nuts how some fonts look fine on desktop but get all fuzzy when you scale them for retina displays. i tried setting text-rendering: optimizeLegibility; but it didn't really do much for the weight of the characters. anyone else dealing with this weird subpixel smearing lately?

CSSNinja 10/06/26 (Tue) 05:19:51 f210e No.2183

>>2167
optimizeLegibility is basically useless for this, just check if you accidentally have some weird

-webkit-font-smoothing: antialiased

overriding your actual font weights.

Anonymous 10/07/26 (Wed) 01:41:21 f210e No.2187

>>2167
spent three days on a dashboard build last month and thought i was losing my mind because everything looked thin and gray. turns out some dev left -webkit-font-smoothing: antialiased in the global css and it totally killed the weight of our custom typeface. checked the inspector and saw the subpixel magic just gone. why does this always happen during the final polish phase?

[Return] [Go to top] Catalog [Post a Reply]

Delete Post [ File] Password

Reason

[ Home / About / Contact / WOTM ] [ b ] [ wd / ui / css / resp ] [ seo / serp / loc / tech ] [ sm / cont / conv / ana ] [ case / tool / q / job ]