this post was submitted on 24 Jul 2024
251 points (92.5% liked)

Technology

58133 readers
4452 users here now

This is a most excellent place for technology news and articles.


Our Rules


  1. Follow the lemmy.world rules.
  2. Only tech related content.
  3. Be excellent to each another!
  4. Mod approved content bots can post up to 10 articles per day.
  5. Threads asking for personal tech support may be deleted.
  6. Politics threads may be removed.
  7. No memes allowed as posts, OK to post as comments.
  8. Only approved bots from the list below, to ask if your bot can be added please contact us.
  9. Check for duplicates before posting, duplicates may be removed

Approved Bots


founded 1 year ago
MODERATORS
you are viewing a single comment's thread
view the rest of the comments
[–] [email protected] -1 points 1 month ago* (last edited 1 month ago) (2 children)

See, this is another thing broken in the current web. I made a usercss (Stylus) to normalize font size for certain elements and it works reasonably well. But on this site, it looks like this.

Anyone has a guess why, something with viewport or other meta tags?

Edit: fixed, they use a custom font with weird size settings. Looks like this now (with my normalize usercss).

[–] [email protected] 6 points 1 month ago (1 children)

As a web dev we do try to accommodate userCSS for accessibility reasons but often font sizes are tuned to what they are for a reason. I'd guess there's a line height issue here.

[–] [email protected] 2 points 1 month ago

You mean that their font was customized to display a certain size, for whatever reason?

Right, browser.display.use_document_fonts = 0 fixed it, lol.

[–] [email protected] 3 points 1 month ago (1 children)
[–] [email protected] 2 points 1 month ago (1 children)

But my usercss enforces font-size: medium for elements but this looks more like x-large. And it works well for 99% of pages.

[–] [email protected] 3 points 1 month ago

Font-size and line-height are different properties