readmode-css is CSS style that is optimized for reading legibility — including choice of fonts, background color, foreground color, etc.
  • HTML 70.2%
  • CSS 29.8%
Find a file
2025-09-03 05:30:06 -07:00
example.html added a very long <pre><code> to example.html 2025-09-03 05:22:39 -07:00
LICENSE initial commits 2025-08-18 17:54:28 -07:00
README.md See Also 2025-09-03 05:30:06 -07:00
readmode.css changes how <pre> is styled. "white-space: pre-wrap" -> "white-space: pre" 2025-09-03 05:23:11 -07:00

readmode-css

readmode-css is CSS style that is optimized for reading legibility. — including choice of fonts, background color, foreground color, etc.

Import

To import readmode-css into a web-page add code like the following inside the <head> section of the web-page:

<link rel="stylesheet" href="/style/readmode-css/readmode.css" />

NOTE THAT YOUR VALUE FOR THE href ATTRIBUTE COULD BE DIFFERENT IF YOU INSTALL readmode-css AT A DIFFERENT LOCATION.

For example, if you install readmode-css at "/fmt/modules/readmode-css", then the <link> code would be something like:

<link rel="stylesheet" href="/fmt/modules/readmode-css/readmode.css" />

Etc.

Installation

To install readmode-css you can either just put the readmode.css somewhere on your web-server. Maybe at: "/style/readmode-css/readmode.css", or somewhere else.

Alternatively you can use a git submodule. For example:

git submodule add https://codeberg.org/reiver/readmode-css readmode-css

Author

Package readmode-css was written by Charles Iliya Krempeaux

See Also