Set Maximum font size limit of text in web pages

[thefirefox]

Recently, there's been a trend of web pages using font sizes that are way too large to be readable easily (for e.g. like headings and other titles). while the font size on body is of "normal" size. It just slows down everything and reduces readability to grasp content.

There needs to be a new option in Firefox to set the Maximum Font Size limit in pixels for the text. If the font size in an element is higher than the limit, it is clamped to the maximum.  There's already a 'minimum font size' setting, this option would go great along with it.

This is even more applicable now, with the emergence/proliferation of AI generated content / websites.. down the road people might need binoculars to read webpages or.... just copy text to notepad

Partial "solutions" explored: Setting a uniform font size using ad blocker rules, adjusting sizes using Font Styles Editor (doesn't always work) .

Ideal solution: [Scroll to Top]

ref:  https://connect.mozilla.org/t5/discussions/constrain-or-set-the-maximum-font-size-limit-of-text-in-w...

[thefirefox]

Hello,

I am a Firefox user. Recently I've been noticing a trend of web pages using font sizes that are way too large to be readable easily (for e.g. like headings and other titles).

How can I set the Maximum Font Size limit in pixels for the text in webpages? If the font size is set higher than the limit, it is clamped to the maximum. This seems like an essential feature that is missing. There's already a 'minimum font size' setting, but I'm looking for the opposite.

Can you suggest solutions?

[Agentvirtuel]

Hello

Take a look at
https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/edit_fonts/index.html
https://developer.mozilla.org/en-US/docs/Web/CSS/font-family
https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
https://developer.mozilla.org/en-US/docs/Web/CSS/font-size

Take a look at
https://www.reddit.com/r/firefox/comments/15vnxn3/changing_the_font_isnt_taking_effect

By way of illustration

www.reddit.com##*:style(font-family: "fantasy" !important;font-weight: normal !important;font-size: 12px !important;)

[thefirefox]

Hello, thanks for providing the solutions. I noticed the Font slider won't work on some webpages, www.bankofamerica.com (just for example). The slider has no effect even when setting the size on the top level html element.

The second solution, while it works, it makes all font sizes the same size, which is not ideal.

Ideally, Firefox should provide a "Maximum font size" as requested in the first post, to go along with "Minimum font size".

[Agentvirtuel]

Hello

Maybe? with the help of
Responsive Design Mode https://firefox-source-docs.mozilla.org/devtools-user/responsive_design_mode
Inspector https://firefox-source-docs.mozilla.org/devtools-user/page_inspector/how_to/open_the_inspector

https://www.youtube.com/embed/bJU7zKR7XXg

[jscher2000]

You might want to create a post under the "Ideas" section, since these"Discussion" threads generally do not get into the queue for new feature consideration.

Probably a maximum could be implemented using a similar approach to the minimum size: if the site sets a size beyond the limit, use the limit instead. Doesn't sound hard, but I don't know how many people would use it. Maybe if a popular site is especially disproportionate, there would be more demand.

[Jon]

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.