How do you get monospace fonts on the wiki ?

I've looked online and several pages suggest <tt> tags or actual html font tags or `monospace` or {{{monospace}}} but I cannot get any of these to render correctly on the Wiki, although putting my code into the main wikipedia site without any special tags rendered ok Go Figure !

For example this code

lll ; some comments
AAA ; some more comments

should appear on the Wiki something like this


But it doesn't, I've created a Wiki test page (http://www.retrosoftware.co.uk/wiki/ind ... _Monospace)to see the effect using <tt> tags which as far as I've read should work. Here is the Wiki page code

<tt>
lll ; some comments
AAA ; some more comments
</tt>

Can anyone explain what I'm doing wrong, it's driving me nuts. I can't put my code up without monospace as it'd ruin the readability

Looks monospaced to me!

(Windows XP, Firefox 3.0.14)

Ha ha, I've just tested in Firefox and it's monospaced but... looks crap for me, way too small.

In Internet Explorer 8 it doesn't render, I can post screen shots if required.

I even looked at code pages you submitted and they don't look good in Explorer or Firefox on my machine,

In Exporer they are not monospaced but are a comfortable size
In Firefox it's monospaced but too small to confortably read

Yes, I agree that it's rather too small in Firefox.

Just tried it on a Mac - in Firefox it renders monospaced, and a little bigger (though I think this is due to the implementation of the font). In Opera, it renders as a proportionally-spaced font.

Something up with this I guess...

Here's the screenshot (in Explorer) of one of your pages where I guess it shouldn't look like this;



and here's how Firefox renders a code page of yours

ugghh... put ClearType on, maaaan....!!!

??? Err... what ???

That 'diagram' from the hardware scrolling page makes me cry. Really should submit an image illustrating that sometime....

ohhhh... just a Windows thing which smooths the edges of fonts... not to everyone's taste, but I love it - removes all traces of aliasing even in small characters.

(Right click desktop -> Properties -> Appearance -> Effects... ->
"Use the following method to smooth edges of screen fonts" ->
ClearType)

Only mentioned it because of the hideous pixellated appearance of the Courier font in your screengrab

Didn't know about that, I've put it on and although still a bit small for my old eyes it is clearer, I like it

You can 'tune' it too, so that it renders best according to your monitor, here:

http://www.microsoft.com/typography/cle ... /tune.aspx

(Requires IE; installs an ActiveX plugin)

Cheers, I've now 'tuned' it.

I'm experiencing a bit of déjà vu ...

How do you put code in a Wiki page ?

Are you OK with this now, Steve? I guess it's not incredibly aesthetically pleasing now you've drawn attention, but I've never had any problems reading monospace text on the wiki before.

Sam.

Not exactly deja vue, in that thread it wasn't putting nice boxes round, I hadn't noticed (or it didn't do it) that the text wasn't spacing correctly. As you know in monospace all characters should occupy the same space. Just like they do when your coding in virtully all code editors. There's not many coders who would code in a proportional font (though obviously someone will somewhere).

The reason being for most people it makes code easier to read and see the flow of. When viewed in Explorer the comments and indentation showing program flow/ grouping is all over the shop and looks a mess, look at Rich's ASCII diagram to see what I mean.

I'm now only viewing the Wiki using FireFox and I've increased the font size on my latest Wiki page so I can read it ok

Sorry, only had time for a quick glance at the whole topic earlier, as I was at work.

Now I've had a chance to try it out with IE 8 and I can see what you mean.

The text size issue appears to have been raised as a bug with MediaWiki

https://bugzilla.wikimedia.org/show_bug.cgi?id=20706

But I think the issue with IE 8 needs looking into. For some reason it's using the wrong non-monospaced font. I'll have a think about it over the weekend.

Sam.

Thanks Sam, <BootLick>you're a unsung hard working hero of our web sites</BootLick>

Hah. Not quite.

That hard-working hero has stretched a weekend into nearly two and a half years.

I finally remembered that I never replied to this issue.

I think the situation has probably improved in later versions of MediaWiki, but upgrading isn't trivial due to the forum integration.

It is possible, though, to do proper mono-spacing on our wiki. I've hijacked and expanded on your Test Monospace page, Steve, and included some explicit cut 'n' paste examples of how to achieve it, using the <code> tag, &nbsp; and <br/> tags.

I've tested it on IE 9 and Firefox, and it seems fine.

Apologies for the lengthy delay in looking at this.

Sam.

Cheers Sam