![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
Better ways to increase size of web pages?
My display is almost 130 ppi so the fonts I get are too small. Are there Bbetter ways to increase size of web pages to https://support.mozilla.org/en-US/kb/font-size-and-zoom-increase-size-of-web-pages ?
The reason I ask is because I've learned about the implementation of layout.css.devPixelsPerPx and there are other layout.css.* settings in about:config as well. I've also noticed that increasing the value of layout.css.devPixelsPerPx preserves web pages layout better than any combinations of 'full' and 'text only' zoom. And I've tested a lot of them, taking into account the specifics of image scaling.
Problems with the methods described in https://support.mozilla.org/en-US/kb/font-size-and-zoom-increase-size-of-web-pages
A1. Zooming 'text only' brakes layout before desired text size is reached.
A2. Zooming using 'full zoom' blurs images and posibly decreases performance.
A3. Setting 'minimum font size' makes some header text on web pages huge while barely increasing size of main articles content. And it brakes layout. Close to useless. Please stop recommending that.
Problems with layout.css.devPixelsPerPx and other layout.css.*
B1. Breaks UI; elements too large even after using tweaks/extensions that decrease UI font size.
B2. Font weight doesn't seem to be scaled up proportionally, i.e. fonts look a bit too 'thin'.
B3. Description on how to use these to achieve web content scaling is not available, as far as I know.
My system:
Fedora 20 x86_64
Gnome Shell 3.10 (its text-scaling-factor doesn't affect neither web content nor Firefox UI font sizes increased by a layout.css.devPixelsPerPx > 1)
15.4" TFT display with 1680x1050 resolution (WSXGA+) -> 128.65 PPI, 128.65/96=1.34
EDIT:
The best resource I've found (Arch wiki is the best!)
https://wiki.archlinux.org/index.php/Firefox_Tweaks#Configure_the_DPI_value
So the values are described more or less but it doesn't tackle the problem of upscaled blurry UI.
Τροποποιήθηκε στις
Όλες οι απαντήσεις (3)
The solution is a 20" display. But... I am not able to supply one at the moment.
I thought that setting layout.css.devPixelsPerPx was essentially equivalent to using full page zoom for both the toolbar area and the content area. I'm surprised that you see a difference in image quality or layout correctness between the two. Perhaps this is a difference between Windows and Linux?
High pixel density is great. It's the web and web browsers which are backward.
So as far as web content scaling goes I might as well go back to using NoSquint extension Please confirm.
As for the main article on zooming is concerned https://support.mozilla.org/en-US/kb/font-size-and-zoom-increase-size-of-web-pages could anyone supplement it with proper info on layout.css.* parameters usage?
You usually set the layout.css.devPixelsPerPx pref to make icons in the user interface have the proper size and use an extension (Theme Font & Size Changer) for text in the user interface and use Default FullZoom Level or NoSquint for the appearance of web pages.
Zooming web pages still might cause issues on some web pages that are badly designed or use a script to resize dynamically, but is less likely to cause issues than setting a higher minimum font size.
I personally prefer a higher minimum font size over zooming the page and use the PrefBar extension to use a none setting in case of issues on a specific page and text disappears or runs over.