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.

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.

codeface - Typefaces for source code beautification

  •    Python

Each typeface directory in the repository now includes a vertical metrics table (vertical_metrics.txt). Combine the data in these reference tables with the new font-line tool to modify any font to the line spacing that suits your needs. Tighten up or keep it loose.




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

fontloader - A fontloader polyfill

  •    Javascript

This library is deprecated and no longer maintained. The CSS font loading API is near impossible to implement without access to the browser's internal font loading behaviour. The most useful aspects of the API (font events) has been implemented in Font Face Observer, so please use that instead. Otherwise copy the fontloader.js file to your project and include it.

text-modules - :pencil2: a list of text/font modules

  •    Javascript

A collection of modules for processing, manipulating, and rendering text and fonts in Node and the browser. Please open an issue or submit a PR for suggestions/improvements.Parses BMFont file formats to a standardized JSON.

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.


connect-fonts-feurasans - Feura Sans font set for connect-fonts

  •    Javascript

Feura Sans fontpack for connect-fonts. Locale-optimised font sets can be served by specifying the locale in the fonts.css URL.

connect-fonts-tools - Tools for connect-fonts

  •    Javascript

A collection of tools to create connect-fonts and npm compatible packages. Run scripts/setup to set up generic author information that can be used to create multiple font packs.

connect-fonts-zxx - ZXX font set for connect-fonts

  •    Javascript

ZXX Bold fontpack for connect-fonts. Locale-optimised font sets can be served by specifying the locale in the fonts.css URL.

node-font-face-generator - Generate language/browser dependent @font-face CSS declarations

  •    Javascript

A node module to generate locale/browser dependent @font-face CSS declarations. fonts is an Object that holds a dictionary of fonts.

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.

ascii.js - A web-font-based rendering engine for displaying ASCII artwork on the web as text

  •    Javascript

Based on the parent folder of the ASCII file being rendered, ascii.js will decide which font to use. ANSI color/command codes are tenuously supported. Older ANSI works may be using cursor tricks that are difficult to replicate in a static fashion. If you have problems with a particular piece, try reloading it in a recent version of PabloDraw and saving a new copy.

Haack - Hæck

  •    Clojure

Hæck is the Hack fork with programming ligatures. Download v0.1.

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.