grunt-webfont - SVG to webfont converter for Grunt

  •        311

Generate custom icon webfonts from SVG files via Grunt. Inspired by Font Custom. This task will make all you need to use font-face icon on your website: font in all needed formats, CSS/Sass/Less/Stylus and HTML demo page.


async : ~1.5.2
chalk : ~1.1.1
glob : ~7.0.0
lodash : ~4.3.0
memorystream : ~0.3.1
mkdirp : ~0.5.1
svg2ttf : ~2.1.1
svgicons2svgfont : ~1.1.0
svgo : ~0.6.1
temp : ~0.8.3
ttf2eot : ~1.3.0
ttf2woff : ~1.3.0
ttf2woff2 : ~2.0.3
underscore.string : ~3.2.3
winston : ~2.1.1



Related Projects

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.

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.

webfont-dl - Webfont Downloader

  •    Javascript

Web font downloader/inliner. Downloads a set of web fonts specified by @font-face rules in a CSS file. By default, woff equivalents are inlined as the modern browsers all support it. See the note about WOFF2 below.

webify - webfont generator - converts ttf to woff, eot and svg

  •    Haskell

webfont generator - converts ttf to woff, eot and svg

gulp-iconfont - Create icon fonts from several SVG icons

  •    Javascript

Create SVG/TTF/EOT/WOFF/WOFF2 fonts from several SVG icons with Gulp. You can test this library with the frontend generator.

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.

fonteditor - 在线字体编辑器

  •    Javascript

ttf to woff,svg,eot convert, ttf adjust

open-iconic - An open source icon set with 223 marks in SVG, webfont and raster formats

  •    CSS

We like SVGs and we think they're the way to display icons on the web. Since Open Iconic are just basic SVGs, we suggest you display them like you would any other image (don't forget the alt attribute). Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. It's like an icon font, without being a hack.

typicons.font - 336 pixel perfect, all-purpose vector icons in a web-font kit

  •    HTML

Typicons are free-to-use vector icons embedded in a webfont for easy use in your user interfaces, whether it be on the web or in a native application.

fontprep - 🔣 The missing font generator for Mac OSX.

  •    Javascript

The missing font generator for Mac OSX. Download here. FontPrep takes your TTF and OTF font files and generates all of the respective font-formats for the web: WOFF, EOT, and SVG.

fontfaceonload - A simple utility to execute a callback when a webfont loads.

  •    Javascript

Use with any existing @font-face declaration. Include the library. Call the JavaScript.

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

alfred-font-awesome-workflow - :tophat: Font Awesome Workflow for Alfred 3

  •    Go

You can incrementally search for Font Awesome icons and paste it to front most app. 💎 See also: Font Awesome Workflow with Sketch 3 — QuickCast.

canvas - Cairo in Go: vector to raster, SVG, PDF, EPS, WASM, OpenGL, Gio, etc.

  •    Go

Canvas is a common vector drawing target that can output SVG, PDF, EPS, raster images (PNG, JPG, GIF, ...), HTML Canvas through WASM, OpenGL, and Gio. It has a wide range of path manipulation functionality such as flattening, stroking and dashing implemented. Additionally, it has a text formatter and embeds and subsets fonts (TTF, OTF, WOFF, WOFF2, or EOT) or converts them to outlines. It can be considered a Cairo or node-canvas alternative in Go. See the example below in Figure 1 for an overview of the functionality. Figure 1: top-left you can see text being fitted into a box, justified using Donald Knuth's linea breaking algorithm to stretch the spaces between words to fill the whole width. You can observe a variety of styles and text decorations applied, as well as support for LTR/RTL mixing and complex scripts. In the bottom-right the word "stroke" is being stroked and drawn as a path. Top-right we see a LaTeX formula that has been converted to a path. Left of that we see an ellipse showcasing precise dashing, notably the length of e.g. the short dash is equal wherever it is on the curve. Note that the dashes themselves are elliptical arcs as well (thus exactly precise even if magnified greatly). To the right we see a closed polygon of four points being smoothed by cubic Béziers that are smooth along the whole path, and the blue line on the left shows a smoothed open path. On the bottom you can see a rotated rasterized image. The result is equivalent for all renderers (PNG, PDF, SVG, etc.).

php-font-lib - A library to read, parse, export and make subsets of different types of font files.

  •    PHP

You can find a demo GUI here. This project was initiated by the need to read font files in the DOMPDF project.

cryptocoins - Cryptocoins is the most complete vector/webfont icon pack of your favourite cryptocurrencies

  •    CSS

Cryptocoins is the most complete free vector iconpack of your favourite cryptocurrencies. Available in webfont & SVG format for taking advantage of small file sizes and unlimited scalability, Cryptocoins are perfect for usage on the web – right where they belong. Use them all or just the ones you need.

SwiftIcons - 🎢Swift Library for Font Icons - ★ this library

  •    Swift

Please ★ this library. Now, you don't have to download different libraries to include different font icons. This SwiftIcons library helps you use icons from any of the following font icons.

PE-Analog-Clock-icon-font - A set of icons for displaying a visual ("analog") representation of time stamps

  •    HTML

A set of icons for displaying a visual ("analog") representation of time stamps. The Analog Clock icon set allows <time> elements to have a visual notation in a simple, progressive way using a @font-face to deliver a custom font for the clock face. The icon is therefore scalable and can be styled with CSS to match most site designs.

vue-awesome - Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.

  •    Javascript

Awesome SVG icon component for Vue.js, with built-in Font Awesome icons. Vue-Awesome an SVG icon component for Vue.js, with built-in icons courtesy of Font Awesome.

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.