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

  •        10

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.

https://github.com/Munter/subfont#readme

Dependencies:

assetgraph : ^3.13.1
optimist : ^0.6.1
urltools : ^0.3.5

Tags
Implementation
License
Platform

   




Related Projects

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.

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.

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.


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.

font-style-matcher - ⚡️🎨 Matches the x-heights and widths of two fonts

  •    HTML

If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1].

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.

LicensePlist - A license list generator of all your dependencies for iOS applications

  •    Swift

LicensePlist is a command-line tool that automatically generates a Plist of all your dependencies, including files added manually(specified by YAML config file) or using Carthage or CocoaPods. All these licenses then show up in the Settings app. Download from Releases, then copy to /usr/local/bin/license-plist etc.

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.

LigatureSymbols

  •    

Ligature Symbols is WebFont project to display the symbol with a ligature features. This Font is licensed under the SIL Open Font License.

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.

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.

sclack - The best CLI client for Slack, because everything is terrible!

  •    Python

The first thing you need to do is to get a Slack token here. Use, create or request a token for each workspace that you'll use on Sclack. Not all workspaces allow you to generate a token, so sometimes you'll need to ask for the administrator to enable the feature. Sclack seems better when used with a Nerd Font. Using them is completely optional, but it is how some Sclack icons are possible. Personally, I use Fira Code Nerd Font. Download, install and set as the default font of your terminal emulator.

slackcat - CLI utility to post files and command output to slack

  •    Go

Slackcat is a simple commandline utility to post snippets to Slack. For configuring multiple teams and default channels, see Configuration Guide.

thunder - ⚡ Doing zero-boilerplate commandline argument parsing in Rust

  •    Rust

Write simple commandline applications in Rust with zero boilerplate. Bind Rust functions to CLI functions and options with macros. This crate uses clap.rs for the actual argument parsing. Check the documentation for more examples.

Fonts - Font files available from Google Fonts

  •    Typeface

This project contains the binary font files served by Google Fonts. The top level directories indicate the license of all files found within them. Subdirectories are named according to the family name of the fonts within. Each family subdirectory contains the .ttf font files served by Google Fonts, plus a METADATA.pb file with metadata for the family, and a DESCRIPTION.en_us.html with a description of the family in US English.

brick - Open-source webfont service

  •    HTML

In the age of the Internet, we've found ourselves in yet another typographic battle. In an effort to speed up loading times, we've compressed fonts, and along the way, we've lost the majority of the quality of rendered type. Let's change that. The fonts served by Brick are clones of the original, converted without modification to several formats for wider browser compatibility.





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.