Displaying 1 to 20 from 23 results

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.

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, Fonts.com, 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.

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.

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.




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.

node-typekit - A minimal Typekit API client in Node.js

  •    Javascript

This is a Node.js module that implements the Typekit developers API. It allows you to create, retrieve, delete, update, and publish Typekit kits from your Node.js code. The token parameter should be your Typekit API token. The id parameter is a kit identifier, and the callback is always called with two arguments: err and data. If There are no errors err is null.

google-fonts - A small helper library for embedding Google Fonts on your page

  •    Javascript

A small helper library for embedding Google Fonts onto your page.Given the same list of fonts, you can add them directly to your page using this method (assuming you're using something like browserify).

inlineresources - Inlines style sheets, images, fonts and scripts in HTML documents.

  •    Javascript

Inlines style sheets, images, fonts and scripts in HTML documents. Works in the browser. See the API.


spoqa-han-sans - Spoqa Han Sans

  •    CSS

스포카 한 산스는 국문, 영문, 일문, 숫자, 글리프의 어울림이 훌륭합니다. 가는 굵기(Thin), 보통 굵기(Regular), 두꺼운 굵기(Bold) 세 가지 자족으로, 디지털 환경에서 언어를 아름답게 표현합니다. 스포카 혼자 쓰기엔 지나치게 산뜻한 스포카 한 산스, 한글날을 맞이하여 누구나 무료로 쓸 수 있도록 배포합니다.

webfont-downloader - A small web service which converts webfonts into zip archives

  •    Go

Easily download Google Webfonts as a zip file. Useful for offline development. Recently ported from Node to Go. Creates a zip archive of font family provided, including each of the styles listed.

angular-fontselect - A fontselect directive for AngularJS

  •    Javascript

A font selection directive for AngularJS - Try it, it's beautiful. In order to enable usage of ngAnnotate.

fontfacegen - Browser font-face generator for creating browser usable fonts from ttf's or otf's

  •    Javascript

From a ttf or otf, generate the required ttf, eot, woff, svg and css for the font to be used in browsers. Help is required to get fontfacegen running on Window and Linux. Any documentation on running on these platforms would be greatly appreciated.

grunt-fontgen - grunt-fontgen

  •    Javascript

In your project's Gruntfile, add a section named fontgen to the data object passed into grunt.initConfig(). The path to the font files relative to the css file generated.

grunt-embed-fonts - Embeds webfont files to CSS stylesheets as base64-encoded data URIs to prevent CORS problems

  •    Javascript

This module provides a grunt multi-task injecting content of font files into stylesheets using data URIs. When you develop a HTML5 component, your styling may include special fonts. If the page, which hosts your component has not the same origin, the server has to include the CORS headers in the response with the font file (Access-Control-Allow-Origin: * at least) according to the W3C Font fetching requirements. You should always try to configure the web server to do it to get the best performance. If you cannot, you can embed the fonts in the CSS files by this task, but the size of the base64-encoded fonts for the page to load will be circa 35% greater. Additionally, the browser will load all fonts immediately with the stylesheet, otherwise only the needed font faces and formats would be downloaded.

typekit-cache - Keeps a site's Typekit in localStorage and injects it on page load, eliminating the Flash Of Invisible/Unstyled Text

  •    Javascript

Keeps a site's Typekit in localStorage and injects it on page load. Eliminates the annoying Flash Of Invisible/Unstyled Text (FOUT) and provides better UX for slow or offline connections. The same requests are sent as in loading a Typekit regularly, and the Typekit embed code is unaltered. However, using this script may still violate the Typekit Terms Of Use.

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.

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.

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.






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.