View Single Post
Old 04-15-2010, 09:14 PM   #1
EnergyLens
Hack
EnergyLens began at the beginning.
 
Posts: 34
Karma: 12
Join Date: Dec 2009
Device: Kobo Aura HD, Kindle Paperwhite
Unhappy How to apply fixed-width fonts

I'm a neophyte with CSS and fonts so please forgive...

Trying to get guitar tabs to show up properly in both the viewer and my Sony Reader. The text in html <pre> shows up perfectly in a browser and caliber adds a style for <pre> that is monospace, but in the viewer or the reader the guitar tabs are not aligned, which I take to mean that an inappropriate font directive has been applied...

I've tried using the hammer icon in the viewer to change the monospace font, but nothing I've tried results in a fixed-width font

Here is how things end up looking:

G C
e|--------3--------------------3-----------3--------|
B|--------------0-----0--1-----------1--------------|
G|-----0-----0-----2--------------0-----------0-----|
D|--------------------------------------0--------0--|
A|--------------------------3-----------------------|
E|--3-----------------------------------------------|

Any suggestions?
EnergyLens is offline   Reply With Quote