msdf-bmfont - Generate BMFont texture and spec using msdfgen

  •        247

Converts a .ttf font file into multichannel signed distance fields, then outputs packed spritesheets and a json representation of an AngelCode BMfont.Signed distance fields are a method of reproducing vector shapes from a texture representation, popularized in this paper by Valve. This tool uses Chlumsky/msdfgen to generate multichannel signed distance fields to preserve corners. The distance fields are created from vector fonts, then rendered into texture pages. A BMFont object is provided for character layout.


canvas : ^1.4.0
map-limit : 0.0.1
multi-bin-packer : ^1.1.3
opentype.js : ^0.6.4



Related Projects

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).

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.


  •    C++

GLyphy is a signed-distance-field (SDF) text renderer using OpenGL ES2 shading language. The main difference between GLyphy and other SDF-based OpenGL renderers is that most other projects sample the SDF into a texture. This has all the usual problems that sampling has. Ie. it distorts the outline and is low quality.

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.

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.

webhostinghub-glyphs - WebHostingHub Glyphs is a most comprehensive set of glyph icons available as font


WebHostingHub Glyphs is the most comprehensive set of glyph icons available as font currently containing 2075 glyphs (and counting). The goal is to be fully compatible with Bootstrap and other frameworks and CMSs. It will be constantly updated so if you have ideas for new icons, do let us know.

The FreeType Project - A free, high-quality, and portable font engine

  •    C

FreeType is a software font engine that is designed to be small, efficient, highly customizable, and portable while capable of producing high-quality output (glyph images). It can be used in graphics libraries, display servers, font conversion tools, text image generation tools, and many other products as well.

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).


  •    Java

DoubleType is a type designer (font editor) that builds TrueType font files. Thanks to Java, it runs on Windows, Linux, amp; Mac. Glyphs are stored in XML based file to aid teamwork. Efficient glyph design by combining existing glyphs and modules.

glyphhanger - Your web font utility belt

  •    Javascript

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.

fontisto - The iconic font and CSS toolkit

  •    CSS

Fontisto is a full suite of 616+ pictographic icons for easy scalable vector graphics on websites, created and maintained by Kenan Gündoğan. Stay up to date with the latest release and announcements on Twitter: @fontisto. Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations.

CoreTextWrapper - An Objective-C wrapper around Core Text for creating multi-column text and loading custom fonts

  •    Objective-C

One of the most promising and mysterious new frameworks introduced in iOS 3.2 is Core Text. Apple defines Core Text as a “text drawing engine”, which allows Mac (and now iPad) apps to render rich text on any graphics context. Strings drawn with Core Text feature lots of custom settings such as detailed font information, columns, variable line and paragraph heights and several different attributes, which designers and font aficionados surely understand much better than I do. Many new apps have been using this framework since the release of the iPad, particularly newspapers and ebook reader applications, rendering gorgeous text in custom fonts, many of them not available natively in iOS. This framework is also used in lifestyle and corporate applications, too, where using a custom font is sometimes required to match the specifications of brands and trademarks. It is very important to understand that Core Text is really just a text drawing engine to be used on top of Quartz (Core Graphics), to render rich text on any graphics context. Core Text cannot be used to create a rich text editor, for example, so don’t expect to extend UITextView with it. But you can use it to draw any kind of rich text on screen, which can make you avoid using UIWebView instances for that.

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.

fontstash - Light-weight online font texture atlas builder

  •    C

Font stash is light-weight online font texture atlas builder written in C. It uses stb_truetype to render fonts on demand to a texture atlas. The code is split in two parts, the font atlas and glyph quad generator fontstash.h, and an example OpenGL backend (glstash.h.

source-serif-pro - Serif typeface for setting text. Designed to complement Source Sans Pro

  •    Shell

Source Serif Pro is a set of OpenType fonts to complement the Source Sans Pro family. In addition to functional OpenType fonts, this open source repository provides all of the source files that were used to build them using the Adobe Font Development Kit for OpenType (AFDKO). To build the binary font files from source, you need to have the Adobe Font Development Kit for OpenType (AFDKO) installed. The AFDKO tools are widely used for font development today, and are part of most font editor applications.

ASCII-Decorator - Convert selected text into banners made up of ASCII art.

  •    Python

ASCII Decorator is a simple plugin implementation of pyfiglet for Sublime Text 3.  pyfiglet is a full port of FIGlet into pure python.  FIGlet is a program that generates text banners, in a variety of typefaces, composed of letters made up of conglomerations of smaller ASCII characters. See a live preview of the first selected region and convert all selected regions to the chosen font upon execution. Font Selector shows all fonts by name, while Font Favorites shows your customized list of frequently used fonts.

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.



FW1FontWrapper is a font wrapper library for drawing text using Direct3D 11. It uses DirectWrite for formatting, text layout, and glyph caching, exposing basic DirectWrite text functionality for use with a D3D11 render target. The library is written in C++, and either compile...

Sketch-SF-UI-Font-Fixer - A Sketch plugin that adjusts the character spacing on text layers using iOS 9's SF UI Text/SF UI Display fonts to what it would be when used in an iOS app


A Sketch plugin that adjusts the character spacing on text layers using iOS 9's SF UI Text/Display fonts to what it would be when used in the app. E.g. If you use SF UI Text at 16pt the script will set this layer's character spacing to -0.32.

We have large collection of open source products. Follow the tags from Tag Cloud >>

Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.