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.
webfonts fontfaceobserver font-loading web-fonts fontloader fonts font font-face web-font font-load font-eventsWeb 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.
web fonts webfonts font loader @font-faceYour 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.
webfonts web-fonts glyphs unicode spider subset subsetting fontThis 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.
fonts webfonts css shell command-lineTo 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.
mozilla webfonts webfont typographyThis 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.
typekit webfonts apiA 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).
google fonts webfonts inline embed append스포카 한 산스는 국문, 영문, 일문, 숫자, 글리프의 어울림이 훌륭합니다. 가는 굵기(Thin), 보통 굵기(Regular), 두꺼운 굵기(Bold) 세 가지 자족으로, 디지털 환경에서 언어를 아름답게 표현합니다. 스포카 혼자 쓰기엔 지나치게 산뜻한 스포카 한 산스, 한글날을 맞이하여 누구나 무료로 쓸 수 있도록 배포합니다.
webfonts fonts spoqa-han-sans fontEasily 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.
css webfonts googlefonts fontsA font selection directive for AngularJS - Try it, it's beautiful. In order to enable usage of ngAnnotate.
fonts directive angular webfontsFrom 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.
font-face fontface font face web-fonts webfonts web ttf otf svg eot cssIn 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.
gruntplugin fontface webfonts ttf otf svg eot cssThis 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.
font-files stylesheets webfonts grunt-task cors gruntplugin grunt fonts embed data-uri base64Keeps 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.
typekit ux webfontsThis 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.
icons icon-font webfont webfonts deviconsGenerator of fonts from SVG icons. A file glob, or array of file globs. Ultimately passed to fast-glob to figure out what files you want to get.
ttf woff font converts-ttf-fonts web-fonts woff2 eot svg-icons svg-font cli icons fonts webfont svgicons2svgfont standalone webfonts svg otf ttf2eot ttf2woff ttf2svg svg2ttf css scss builder generatorWebpack 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.
cli standalone font fonts webfont webfonts svg ttf woff woff2 otf eot ttf2eot ttf2woff ttf2svg svg2ttf css scss webpackWoffle 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.
woff woff2 web-fonts webfonts webfont webfont-conversion osx
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.