I was using the default html font - Liberation Serif—30 glyphs
in my page. Then i faced a problem, that multiple spaces to align two columns of text is not working properly.
I found out, spaces are not displayed at the same width as other characters and hence the same number of characters doesn't use same width. so, i started using monospaced font. It solves the alignment problem.
The alignment looks good now but the font is not the commonly used one as per the corporate standards.
How can i use a font like Liberation Serif and still do alignment using space characters?
If you want to align text in columns, how about using a <table>
? Or if it's not tabular data, some CSS and float: left;
.