06-24-2024 09:26 PM
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?
06-25-2024 02:58 AM - edited 06-25-2024 03:19 AM
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;)
07-02-2024 12:41 AM - edited 07-02-2024 12:42 AM
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".
07-02-2024 06:02 AM
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