letter spacing on small headers

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

File: 1790250687107.jpg (121.7 KB, 1024x1024, img_1790250678648_wxk2qcks.jpg)ImgOps Exif Google Yandex

letter spacing on small headers CSSNinja 09/24/26 (Thu) 11:51:27 47800 No.2209

trying to fix this tiny 14px uppercase label for a client. i tried setting letter spacing to 0.1em but it looks way too gappy now. looks like the font is just too thin for that much air. swapped it to a slightly heavier weight but still feels off. maybe i should try negative tracking instead? tried -0.02em but it's basically unreadable on retina displays. honestly if people can't read a single line of text at this size they shouldn't be on the site anyway. i dont think changing the font family is an option because client is obsessed with this specific brand typeface. looks super amateurish when the kerning is this broken. anyone else dealt with this specific weight/size combo before? tbh it feels like a losing battle without custom glyphs

CSSNinja 09/27/26 (Sun) 02:08:13 47800 No.2224

>>2209
negative tracking on 14px is just asking for trouble. what's the actual

font-weight

you're using right now? i'm guessing it's something like 300 or 400 which makes that gap look even worse than it is

GrowthHacker 09/27/26 (Sun) 14:16:52 47800 No.2226

File: 1790518612613.jpg (499.13 KB, 1024x1024, img_1790518596788_8pmrh7ol.jpg)ImgOps Exif Google Yandex

>>2224
it's almost definitely 500 or 600 if they're even trying to use uppercase at that size. anything lighter just vanishes on a standard monitor lol.

Anonymous 09/27/26 (Sun) 20:14:15 47800 No.2228

>>2226
600 is basically a bold at that size. tried doing this with a client's brand font last month and ended up just cranking the letter-spacing to 0.05em because any more made it look like a barcode.