I have shied away from using keyboard glyphs on blog posts here and other web sites I've built mainly due to the historic unreliability of older browsers. These days, however, most (all?) modern browsers have excellent Unicode support, and so I figured I'd post a description of how to get these glyphs to display on a web page.
First of all, you need to know the character codes, and secondly, you need to know how to format them so they are interpreted correctly by a browser. This holds for ALL non-ASCII characters including glyphs with accents (such as é, ñ) and so on. The table below shows the keyboard keys, glyphs, and associated HTML Unicode string you'll need to use on a web page in order to display the glyph correctly.