Template:KeySmall

If you want to display a larger key onscreen, see Template:KeyLarge.

Call this template and pass it a character or string that serves as the label of a keyboard button to see that text printed as a cute little key: esc

Key combos should look decent: Ctrl+Shift+Y

You can also print two-symbol keys by passing in a second parameter with the second character: !
1 @
2 #
3 $
4 %
5 ^
6 &
7 *
8 (
9 )
0

The button is carefully designed to remain in line with the text and not interfere visually with surrounding lines too much:

Push the ~
` key to open the developer console.
Enter the command gs_show_ui=0 to hide the HUD.

Known issues

It has not been tested with all possible keys on all possible keyboards so some characters may need special tweaking to look good or even be legible. The only special layout created so far is for the tilde key, so this can serve as a model for future special layouts being added to the template code.

Certain characters may not display unless prefixed with another character; known problem characters are #, *, :, and ;. Insert a zero-width non-joiner (&‌zwnj;) before the character to fix the problem.

{{KeySmall|#}}
yields this broken result:

…whereas…
{{KeySmall|&‌zwnj;#}}
yields:
‌#