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-eventsGenerate 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.
gruntplugin font webfont fontforge font-face woff woff2 ttf svg eot truetype css iconEach 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.
list awesome-list awesome font fonts font-face typeface typefaces otf ttf otf-fonts developer developer-toolsA 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).
web-fonts font demo font-faceThis 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.
fontloader fonts font font-faceA 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.
text font modules list ecosystem ecosystem:text language fonts glyph glyphs ttf webgl canvas otf woff font-face bitmap bitmaps bmfont angel code angelcodeConnect/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.
font font-face css webfont typographyFeura Sans fontpack for connect-fonts. Locale-optimised font sets can be served by specifying the locale in the fonts.css URL.
font font-face css connect-fonts feurasans-bold feurasans-light feurasans-medium feurasans-regularA 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.
font font-face css connect-fonts-toolsZXX Bold fontpack for connect-fonts. Locale-optimised font sets can be served by specifying the locale in the fonts.css URL.
font font-face css connect-fonts zxx-bold zxx-camo zxx-noise zxx-sans zxx-xedA node module to generate locale/browser dependent @font-face CSS declarations. fonts is an Object that holds a dictionary of fonts.
font font-face cssGenerates 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.
font webfont woff woff2 font-face fontface base64 performance optimization optimisation embed inlineGenerates 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.
gruntplugin font webfont woff woff2 font-face fontface base64 performance optimization optimisation embed inlineBased 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.
ascii ascii-art visual artwork font-faceHæck is the Hack fork with programming ligatures. Download v0.1.
font font-face developer-tools ttf otf ligaturesFrom 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 css
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.