Displaying 1 to 20 from 26 results

grunt-webfont - SVG to webfont converter for Grunt

  •    Javascript

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.

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.

gameicons-font - An icon font for game-icons/icons.

  •    CSS

An icon font distribution of the SVGs from http://game-icons.net




zilla-slab - Mozilla's Zilla Slab Type Family

  •    Shell

To quickly grab the generated fonts you can download the latest release. You can also find Zilla Slab hosted on Google Fonts and Mozilla's own CDN to reference in your projects directly. If you would like to generate the fonts from their original source, read on.

ember-cli-webfont - Easily generate webfonts from svg files as part of your ember-cli build process

  •    Javascript

This addon wraps broccoli-webfont to allow you to easily generate webfonts as part of your ember build process. By default the addon expects to find your SVG files in app/webfont-svg and will add CSS classes to your generated CSS.

subfont - Command line tool to inject Google font subsets used glyphs into your page

  •    Javascript

A command line tool to statically analyse your page in order to generate the most optimal web font subsets, then inject them into your page. Speed up your time to first meaningful paint by reducing the web font payload and critical path to the font files.

connect-fonts - Middleware to serve up web fonts.

  •    Javascript

Connect/Express font serving middleware. Why? Because Google's font CDN is slow and slow page loads cause users to leave your site. When this route is matched, connect-fonts will generate a CSS response with @font-face declarations that are tailored to the user's browser.


fontoptim - Generates CSS with WOFF(2) fonts embedded as Base64

  •    HTML

Generates CSS with WOFF(2) fonts embedded as Base64. Use these CSS to load webfonts asynchronously, avoid invisible text and reduce flickering. Based on ideas from Adam Beres-Deak’s article Better webfont loading with using localStorage and providing WOFF2 support.

grunt-fontoptim - Generates CSS with WOFF(2) fonts embedded as Base64

  •    Javascript

Generates CSS with WOFF(2) fonts embedded as Base64. Use these CSS to load webfonts asynchronously, avoid invisible text and reduce flickering. Based on ideas from Adam Beres-Deak’s article Better webfont loading with using localStorage and providing WOFF2 support.

webfont-loader - Load webfont using native FontFace with fall back to font-face-observer

  •    Javascript

Load webfont using native FontFace with fall back to font-face-observer (see web font loading detection, without timers for details on how the fallback works).

webfonts - Web Fonts

  •    Javascript

Create fonts for web browsers. Web fonts takes a directory containing ttf(TrueType Font) files and generates woff, eot and svg font files for cross-browser web font embedding via CSS.

atom-icon-fonts - Atom snippets for a variety of icon fonts

  •    Javascript

Atom snippets for a variety of icon fonts (see details). This package is also available for Sublime Text and Visual Studio Code.

DevOpicons - Heavily-optimised version of the Devicons icon-font.

  •    Makefile

This is simply a heavily-optimised version of the Devicons font, created by Theodore Vorillas. All credit for the original icon vectors goes to him and his project's contributors; I've simply cleaned up the typeface by annihilating excess geometry, clearing duplicate control points, and basically just being a meticulous prick. Result: 17 KBs knocked off the WOFF's filesize. That's a pretty impressive reduction when you consider the format's already compressed.

MFixx - Optimised version of the MFizz icon font.

  •    Makefile

No visible details have been modified. Credit for these icons belongs to Fizzed and the Mfizz project's various contributors. For an extended explanation on how the font's been optimised, consult the notes of another font that was patched for the File-Icons package.

webfont-webpack-plugin - Webpack plugin that converts set of svg images into a fonts and CSS template

  •    Javascript

Webpack plugin for the webfont package. Generating fonts from svg icons using the webpack. Supported any style (CSS, SCSS and own) of templates. Feel free to push your code if you agree with publishing under the MIT license.

node-freetype2

  •    C++

FreeType bindings for Node.js. See FreeType documentation for more info.

Woffle - Drag and drop woff and woff2 web font generator for macOS

  •    Python

Woffle is built with the open source sfnt2woff-zopfli and woff2_compress font compilers and implements the same web font build approach that we use in Hack, all in a tidy little GUI package. Select either of the following approaches to install Woffle on your OS X system.