To present my code and command snippets, I should be using <code>...</code> rather than <pre>...</pre> enclosures. But since the 'pre' enclosure gets things closer to what I want in the first place, force of habit has kept me there, rather than using the more correct 'code' enclosure.
Anyway, to get decent looking monospaced fonts into my 'pre' enclosures, the following CSS snippet offers an ordered sequence of fonts to try:
pre { font-family: "Lucida Console", "Andale Mono", "OCR A Extended", "Fixedsys", "Terminal", "Courier", 'Courier New', monospace; font-size: 110%; }
The above is the result of a long list of comments at Bytes IT.
There were also some references to structured text recommendations: