Warning : although the answer below was useful for many people, and I will leave it as such, it may deceive you a little, because the default behavior of the browser is to use backup fonts for missing characters , and therefore you can see glyphs from other fonts in the fragment below .
Finished hacking this script together for a quick and dirty look:
var content = "";
var max = 65535;
for (var i = 34; i < max; i++) {
if (i % 1000 === 0) { content += '<hr>'; }
content += "<div title='"+i+"'>" + String.fromCharCode(i) + "</div>";
}
document.body.innerHTML = content;
@import url(https://fonts.googleapis.com/css?family=Roboto);
body { font-family: 'Roboto'; font-size: 18px; padding: 5px; }
div { display: inline-block; background: #ddd; color: #111; margin: 4px; width: 1.5em; height: 1.5em; text-align: center; padding: 0.2em 0 0 0; box-sizing: border-box; }
div:hover { cursor: pointer; background: #ccc; }
Run codeHide result source
share