Reader view should let me make the reader font one step smaller
I am using reader view very often, I used to use the readability.com and the readable firefox script, so I am well used to blah blah blah. Reader view should let me make the reader font one step smaller.
I'm using a laptop with a 800 pixel high screen. I don't think that's terribly unusual. Basically, firefox reader view uses a good font, but with rather too much difference between lines. For compact reading, I should be able to set the font size lower, to use more of my 800 pixel high screen.
I've attached a image, you can see that the lowest reader view size doesn't even look small on my laptop.
Cheers, hope this gets to the right person
- )
karl anliot
All Replies (2)
The way the font size controls work in reader view, there are 9 steps, and a size is associated with each step in a style sheet. I think it would be difficult to add any more steps, so one possible workaround would be to override the font-size style for the smallest step -- normally 12 pixels -- with a smaller font-size.
One way to do that would be to apply a custom style rule using a userContent.css file, which is a file Firefox allows to customize built-in pages such as the reader mode page, new tab page, etc. This does take some time to set up, but if you have 10 minutes, here's how:
Note: the process is essentially the same as creating a userChrome.css file to modify Firefox's user interface, so I'm going to refer you to my site about that file. The steps will diverge at #5 on the site.
(A) Create a new chrome folder in your profile folder
The following article has the detailed steps for that (#1, #2, and I recommend #3)
https://www.userchrome.org/how-create-userchrome-css.html
If you already have a chrome folder, skip to (B)
(B) Set your OS to show file extensions, if necessary
For Mac or Windows, see Step #4 in the above article. Not sure about Linux.
(C) Create a plain text file named userContent.css in your chrome folder
If you already have a userContent.css file, skip to (D)
Alternately, you can download this file and rename it to userContent.css: https://www.userchrome.org/samples/userChrome.css
(D) Add this code to your userContent.css file
@-moz-document url-prefix("about:reader") {
.container.font-size1 { // override 12px to 10px
font-size: 10px !important;
}
}
Note: if your editor tries to change the format to rich text or HTML, please override that, as Firefox can't read CSS files in those formats.
The next time you quit Firefox and start it up again, it should discover that file and apply the rules to the reader view.
Success?
Of course, many other aspects of reader view also could be modified using this file, for example, to make the text a bit wider, or the line spacing a bit tighter, etc.
I should add:
Support volunteers are limited in what we can do: we work with existing settings, add-ons, and workarounds; we can't change Firefox itself. To submit feature suggestions, you could use one or more of the following (depending on whether you want a suggestion box or a discussion):
- Feedback: https://qsurvey.mozilla.com/s3/FirefoxInput/
- Reddit: https://www.reddit.com/r/firefox/
- Twitter: https://twitter.com/firefox
- Facebook: https://www.facebook.com/Firefox