glyphhanger - Your web font utility belt

  •        55

Your web font utility belt. It shows what unicode-ranges are used on a web site (optionally for a font-family or for each font-family). It can also subset web fonts. It makes julienne fries. Available on npm.


@zachleat/spider-pig : ^1.0.3
chalk : ^2.3.0
characterset : ^1.2.0
connect : ^3.6.6
debug : ^3.1.0
filesize : ^3.5.11
fs-extra : ^5.0.0
glob : ^7.1.2
minimist : ^1.2.0
parse-filepath : ^1.0.2
rsvp : ^4.7.0
serve-static : ^1.13.2
shelljs : ^0.7.8



Related Projects

fontkit - An advanced font engine for Node and the browser

  •    Javascript

Fontkit is an advanced font engine for Node and the browser, used by PDFKit. It supports many font formats, advanced glyph substitution and layout features, glyph path extraction, color emoji glyphs, font subsetting, and more. Opens a font file asynchronously, and calls the callback with a font object. For collection fonts (such as TrueType collection files), you can pass a postscriptName to get that font out of the collection instead of a collection object.

awesome-terminal-fonts - Tools and instructions on how to have awesome symbols in a terminal with a monospace font

  •    Shell

Referring to glyphs by codepints (eg. \uf00c) in your scripts or shell configuration it's not recommended because icon fonts like Font Awesome use code points ranges those ranges are not disciplined by the unicode consortium, every font can associate every glyphs to those codepoints. This means that Font Awesome can choose to move glyphs around freely, today \uf00c is associated to the check symbol, tomorrow it can be associated to something else. Moreover, more than one icon font can use the same codepoint for different glyphs and if we want to use them both we need to move one of them. So, if you use a codepoint to refer to a glyph after an update that codepoint can point to another glyph. To avoid this situation you can use the font maps in the ./build directory, font maps are scripts which define shell variables that give names to glyphs, by sourcing those files in your shell you can refer to glyphs by name (eg. $CODEPOINT_OF_AWESOME_CHECK).

webfontloader - Web Font Loader gives you added control when using linked fonts via @font-face.

  •    Javascript

Web Font Loader gives you added control when using linked fonts via @font-face. It provides a common interface to loading fonts regardless of the source, then adds a standard set of events you may use to control the loading experience. The Web Font Loader is able to load fonts from Google Fonts, Typekit,, and Fontdeck, as well as self-hosted web fonts. It is co-developed by Google and Typekit. To use the Web Font Loader library, just include it in your page and tell it which fonts to load. For example, you could load fonts from Google Fonts using the Web Font Loader hosted on Google Hosted Libraries using the following code.

fontfaceobserver - Webfont loading. Simple, small, and efficient.

  •    Javascript

Font Face Observer is a small @font-face loader and monitor (3.5KB minified and 1.3KB gzipped) compatible with any webfont service. It will monitor when a webfont is loaded and notify you. It does not limit you in any way in where, when, or how you load your webfonts. Unlike the Web Font Loader Font Face Observer uses scroll events to detect font loads efficiently and with minimum overhead. The FontFaceObserver constructor takes two arguments: the font-family name (required) and an object describing the variation (optional). The object can contain weight, style, and stretch properties. If a property is not present it will default to normal. To start loading the font, call the load method. It'll immediately return a new Promise that resolves when the font is loaded and rejected when the font fails to load.

nerd-fonts - :abcd: Iconic font aggregator, collection, and patcher

  •    CSS

Nerd Fonts is a project that patches developer targeted fonts with a high number of glyphs (icons). Specifically to add a high number of extra glyphs from popular 'iconic fonts' such as Font Awesome ➶, Devicons ➶, Octicons ➶, and others.

TCPDF - PHP class for generating PDF

  •    PHP

TCPDF is a PHP class for generating PDF documents without requiring external extensions. TCPDF Supports UTF-8, Unicode, RTL languages, XHTML, Javascript, digital signatures, barcodes and much more.

google-font-download - Locally host Google's web fonts

  •    Shell

This is a small shell script that allows you to download Google's web fonts to your local file system. Additionally, a CSS file that uses your local copy of the fonts is generated. You may want to use this if you want to avoid requesting resources from 3rd party servers (for example for privacy reasons or because you do not have a connection to the public internet). The script is released under the 2-clause BSD license. The SPDX identifier of this license is BSD-2-Clause. See the LICENSE file for the terms.

google-webfonts-helper - A Hassle-Free Way to Self-Host Google Fonts

  •    Javascript

This service might be handy if you want to directly download all .eot, .woff, .woff2, .svg, .ttf files of a Google font (normally your User-Agent would determine the best format at Google's CSS API). Furthermore it provides charset customization and CSS snippets, hence getting your fonts ready for local hosting should be finally a breeze. The API is public, feel free to use it directly.

web-font-loading-recipes - A bunch of demos for different web font loading strategies

  •    HTML

A bunch of demos for different web font loading strategies. Some of these are included on A Comprehensive Guide to Font Loading Strategies, some of them are more experimental. As web fonts are a progressive enhancement and with increasing support for the CSS Font Loading API, we can look forward to a time in which we won’t need to inline a polyfill into the header (for even faster font loading). The simplified CSS Font Loading API recipes are the defaults, but polyfilled versions are included for broader browser support. In practice this means only the polyfilled versions will show web fonts in Internet Explorer and Edge web browsers (which do not have support for the CSS Font Loading API).


  •    CSS

Custom icon sets that are stored in a handy web font. A couple lines of CSS and the right markup will get you going in no time. These icons use the Private Use Area Unicode slots to ensure full accessibility. We designed the glyphs to be refined enough to stand alone as a simple icon, but left room for the imagination. Since you’ll be dealing with a font, the opportunities are nearly limitless. Now your icons can be any size, any color and any style available in CSS.

rusttype - A pure Rust alternative to libraries like FreeType.

  •    Rust

RustType is a pure Rust alternative to libraries like FreeType. To hit the ground running with RustType, look at the example supplied with the crate. It demonstrates loading a font file, rasterising an arbitrary string, and displaying the result as ASCII art. If you prefer to just look at the documentation, the entry point for loading fonts is FontCollection, from which you can access individual fonts, then their glyphs.

oh-my-git - An opinionated git prompt for bash and zsh

  •    Shell

oh-my-git is shipped with 3 themes. The one showed above is called oppa-lana-style. It's based on the Awesome-Terminal-Fonts by @gabrielelana. The screenshots above use the font Source Code Pro by Adobe patched to include additional glyphs from Powerline and from Awesome-Terminal-Fonts, but you can choose any other of the Awesome-Terminal-Fonts. You can freely download the fonts from the original repo.

Office-Code-Pro - Customized version of Source Code Pro


Office Code Pro is a customized version of Source Code Pro, the monospaced sans serif originally created by Paul D. Hunt for Adobe Systems Incorporated. The customizations were made specifically for text editors and coding environments, but are still very usable in other applications.Available Formats OpenType, TrueType, EOT, WOFF, WOFF2 – OpenType ( OTF ) is the recommended font format for desktop use. The TrueType ( TTF ) fonts will work in most circumstances, but are optimized and recommended as webfonts. EOT, WOFF, and WOFF2 formats are exclusively for web use.

siji - An iconic bitmap font based on Stlarch with additional glyphs.

  •    Shell

Siji is an iconic bitmap font based on the Stlarch font with additional glyphs. It inherits additional glyphs from Sm4tik xbm icon pack, Lokaltog Symbols font, xbm-icon font, Uushi font, FontAwesome, and Tewi font with personal additions.

3270font - A 3270 font in a modern format

  •    Makefile

This font is derived from the x3270 font, which, in turn, was translated from the one in Georgia Tech's 3270tool, which was itself hand-copied from a 3270 series terminal. I built it because I felt terminals deserve to be pretty. The .sfd font file contains a x3270 bitmap font that was used for guidance. If you are running Debian or Ubuntu and you don't want to mess with building your font files, you can simply apt-get install fonts-3270 (It's available from the Debian ( and Ubuntu ( package repos at and, although the packaged version may not be the latest version, but it's good enough for most purposes. For those who don't have the luxury of a proper system-managed package, Adobe Type 1, TTF, OTF and WOFF versions are available for download on (although this URL may not always reflect the latest version).

fontcustom - Generate custom icon webfonts from the comfort of the command line.

  •    Ruby

Icon fonts from the command line. Generate cross-browser icon fonts and supporting files (@font-face CSS, etc.) from a collection of SVGs (example).

metapolator - Design fonts and font families faster

  •    Javascript

Metapolator will be a web-based parametric font editor, providing a GUI for designing with UFO fonts and Metafont technologies. Metapolator is intended for type designers to design large font families faster, and for typographically sensitive graphic designers to adjust their libre fonts for their exact needs. For example, expanding a single style design into a family of weights and widths, or fine-tuning the weight and width of a font for your exact needs. Metapolator first provides a typical 'super' interpolation system that works with unlimited numbers of masters and axes, and will load and save normal UFO fonts.


We develop 2 artful digital font-families called “Linux Libertine” (serif font) and “Biolinum” (sans-serif). Both elegant good-readable Unicode fonts for daily amp; professional use (see OpenType amp; WOFF). Break the monotony of (c) W*ndows Fonts!

operator-mono-lig - Add ligatures to Operator Mono similar to Fira Code

  •    Javascript

This project will generate new OpenType fonts for Operator Mono that includes ligatures similar to those found in the popular Fira Code font. These ligatures were custom created using Glyphs. There are even italic versions of the ligatures.

fontpatcher - Script to patch arrow and symbol glyphs into fonts for usage with Powerline and other compatible plugins

  •    Python

Script to patch arrow and symbol glyphs into fonts for usage with Powerline and other compatible plugins. Check out powerline-fonts for pre-patched versions of popular, open source coding fonts.