billthefarmer / notes

Android notebook
https://billthefarmer.github.io/notes
GNU General Public License v3.0
82 stars 13 forks source link

monospaced font #60

Open StevanWhite opened 4 months ago

StevanWhite commented 4 months ago

Please consider an option to view text in a mono-spaced font. It seems to me that anything for editing text should provide that option.

With a proportional font, narrow letters are difficult to deal with, and columnar alignment is lost.

billthefarmer commented 4 months ago

See my comment https://github.com/billthefarmer/notes/issues/45#issuecomment-2247209275

bokidori commented 3 months ago

@StevanWhite try Menu > Edit styles:

body{
font-family:monospace,monospace;
}

While in there, you could add borders to table(cell)s, adjust size and margins of headings, change blockquote appearance, etc. I've been adding some styles over time, you can try if any of these improve the appearance in your taste as well.

h1{font-size:1.6em}
h1,h2,h3,h4,h5,h6{
margin:0.5em auto;
}

p{white-space:pre-wrap;}

th{
background:lightblue;
}

blockquote{
border:0px dashed silver;
padding:0 .5em 0 .7em;
margin:.0em .5em .0em .7em;
border-left:5px solid silver;
border-radius:5px;
color:gray;
}

table,th,td{
border:1px solid silver;
border-collapse:collapse;
padding:.3em;
)

Bill really makes amazing tools, especially for such compact size. Monospaced font is achievable with what he had already built in. Cheers