Skip to content

GitHub font preview

Rob Garrison edited this page Apr 14, 2017 · 33 revisions

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 this page: Font-Awesome.

Screenshot

github-font-preview

Change Log

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)

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
Clone this wiki locally