GitHub font preview

A userscript that adds a font file preview

• This script adds the ability to preview fonts & glyphs.
• Currently ony OpenType (otf), TrueType (ttf) and Web Open (woff; not woff2) font formats are supported.
• opentype.js is used for font rendering and the preview code has been blatantly copied from the font inspector and glyph inspector demos (Copyright © 2015 Frederik De Bleser; MIT license).
• Click this link to install from GitHub, or install from GreasyFork.
• After installing, try the userscript on one of these pages:
  • Font-Awesome
  • material-design-iconic-font
  • Google fonts
  • Hack
  • Adobe source-code-pro
  • ionicons
  • FiraCode

Screenshot

Change Log

Version 1.0.12 (4/21/2017)

• Update mutation url.

Version 1.0.9 - 1.0.11 (4/13/2017)

• Switch to using mutations.js.

Version 1.0.8 (3/25/2017)

• Use pjax event & fix linting.

Version 1.0.7 (12/28/2016)

• Clean up linting issues.

Version 1.0.6 (12/27/2016)

• Fix GitHub font preview mini glyph fill. See pull #14; thanks @emabrey!

Version 1.0.5 (7/30/2016)

• Fix HR css breaking page layouts.

Version 1.0.4 (7/21/2016)

• Catch javascript error on diff pages.

Version 1.0.3 (6/20/2016)

• Limit height of font data blocks.

Version 1.0.2 (6/12/2016)

• Add UI improvements
  • Add loading indicator.
  • Toggle arrows & points in glyph preview.
  • Toggle glyph index/unicode.
  • Increase font size of glyph index/unicode.
  • Add color to pagination.
  • Increase size of glyph blocks.
  • Prevent glyph data from displaying "undefined" values.

Version 1.0.1 (6/11/2016)

• Show "Undefined" for empty font tables; usually the Font Variations (fvar) table.

Version 1.0.0 (6/11/2016)

• Initial commit