Avatar for Username

ძიება მხარდაჭერაში

ნუ გაებმებით თაღლითების მახეში მხარდაჭერის საიტზე. აქ არასდროს მოგთხოვენ სატელეფონო ნომერზე დარეკვას, შეტყობინების გამოგზავნას ან პირადი მონაცემების გაზიარებას. გთხოვთ, გვაცნობოთ რამე საეჭვოს შემჩნევისას „დარღვევაზე მოხსენების“ მეშვეობით.

ვრცლად

ეს თემა დაარქივებულია. დასვით ახალი კითხვა, თუ დახმარება გესაჭიროებათ.

How can I add the CSS styles used by Firefox reader mode?

  • 3 პასუხი
  • 7 მომხმარებელი წააწყდა მსგავს სიძნელეს
  • 162 ნახვა
  • ბოლოს გამოეხმაურა y6nH

psri
psri
more options

When the reader view loads, text is aligned to the left by default. I would like to have it both left and right justified. At present, I can arrange this by editing the css style in the "Inspect Element" view, but this is not permanent (and it is not clear where the reader is loading its css style from). Is there a way to make such a change in the css styling of the reader view permanent?

When the reader view loads, text is aligned to the left by default. I would like to have it both left and right justified. At present, I can arrange this by editing the css style in the "Inspect Element" view, but this is not permanent (and it is not clear where the reader is loading its css style from). Is there a way to make such a change in the css styling of the reader view permanent?

გადაწყვეტა შერჩეულია

See also:

  • chrome://global/skin/aboutReaderControls.css
  • chrome://global/skin/aboutReaderContent.css

The main selector is #moz-reader-content

პასუხის ნახვა სრულად 👍 5

ყველა პასუხი (3)

Mark Schmidt
Mark Schmidt
more options

You could try creating a userstyle for about:reader with the Stylish add-on.

https://addons.mozilla.org/en-us/firefox/addon/stylish/

https://userstyles.org/

I'm actually not sure this will work. Reader View is so new and rarely used that nobody has tried this before (to my knowledge). Let me know if that works!

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

შერჩეული გადაწყვეტა

See also:

  • chrome://global/skin/aboutReaderControls.css
  • chrome://global/skin/aboutReaderContent.css

The main selector is #moz-reader-content

y6nH
y6nH
more options

Mark Schmidt said

You could try creating a userstyle for about:reader with the Stylish add-on. https://addons.mozilla.org/en-us/firefox/addon/stylish/ https://userstyles.org/ I'm actually not sure this will work. Reader View is so new and rarely used that nobody has tried this before (to my knowledge). Let me know if that works!

Yes, this works. In Stylish, you can create a new style with something like this, according to taste: @namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("about:reader?") { 

 #moz-reader-content {
   text-align: justify;
 }
 body.sans-serif{
   font-family: "Myriad Pro";
 }
 body.serif{
   font-family: "Adobe Garamond Pro";
 }
 body.light {
   color: #1a2030;
   background-color: #f9f6f0;
 }
 body.dark {
 
 }
 body.sepia {
 
 }

}

I have to say, defaulting to Arial doesn't make for a comfortable reading experience. This rule makes it a lot smoother.

(N.B: the fonts I chose above come with Adobe products, they're not standard. You'll have to pick fonts that are actually on your system.)

ჩასწორების თარიღი: , ავტორი: y6nH