Button Images
I'm against using images for the buttons. If the font size and the button size are incompatible, it looks ugly. Even if you get it right in the default style, users may want to increase the font size and then it looks ugly again. It's also non-machine readable.
Unicode has glyphs which can be used for many of the buttons. We can even add colors, shading, and borders using CSS.
Ⓐ Ⓑ Ⓧ Ⓨ
That yellow one looks better with a yellow background, even if it's not completely inside the circle.
D-Pad controls:
- ▶▼◀▲
Black & White:
- ◉◎
Triggers and Bumpers:
- RT LB
All of these will scale with the page's font size.
A possible objection is that <span style="background-color: rgb(255,255,0); font-weight: bold; font-size: larger;">Ⓨ</span> is a pain to type. But that's what templates are for. Sympleko 05:06, 5 July 2006 (PDT)
- Although it isn't done at the moment, the button template could be changed to alter the image height/width to 1em, therefore scaling it to the text height. Images are better than text in this case, as text display/glyph availability is variable, and images are rendered much more reliably cross-platform. They also look nicer, and won't change between fonts. --DrBob (Talk) 09:07, 5 July 2006 (PDT)
- That's true; I guess, not all browsers can render all unicode characters, and what they use to do so is up to them, not us. Then I guess what I want is prettier images. :-) Sympleko 11:14, 5 July 2006 (PDT)
- They don't look good in IE on WinXP (at least without installing additional fonts): http://drv.nu/stuff/images/strategywiki_unicodebuttons_ie.png -- DrV
