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 or OpenUserJS.
• After installing, try the userscript on one of these pages:
  • Font-Awesome
  • material-design-iconic-font
  • Google fonts
  • FontSquirrel fonts
  • Hack
  • Adobe source-code-pro
  • ionicons
  • FiraCode

Screenshot

Change Log

Version 1.0.16 (2018-04-09)

• Update mutation script url.

Version 1.0.15 (2018-01-18)

• Update assets.
• Fix lint issue.

Version 1.0.14 (2017-10-08)

• Update mutation script url.

Version 1.0.13 (2017-05-16)

• Change license to MIT.

Version 1.0.12 (2017-04-21)

• Update mutation url.

Version 1.0.9 - 1.0.11 (2017-04-13)

• Switch to using mutations.js.

Version 1.0.8 (2017-03-25)

• Use pjax event & fix linting.

Version 1.0.7 (2016-12-28)

• Clean up linting issues.

Version 1.0.6 (2016-12-27)

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

Version 1.0.5 (2016-07-30)

• Fix HR css breaking page layouts.

Version 1.0.4 (2016-07-21)

• Catch javascript error on diff pages.

Version 1.0.3 (2016-06-20)

• Limit height of font data blocks.

Version 1.0.2 (2016-06-12)

• 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 (2016-06-11)

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

Version 1.0.0 (2016-06-11)

• Initial commit