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

  •        35

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.

https://github.com/agentk/fontfacegen

Dependencies:

mkdirp : ^0.5.1
ttf2eot : ^2.0.0
ttf2svg : ^1.1.0
ttf2woff2 : ^2.0.3
which : ^1.2.4

Tags
Implementation
License
Platform

   




Related Projects

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.

google-webfonts-helper - A Hassle-Free Way to Self-Host Google Fonts

  •    Javascript

This service might be handy if you want to directly download all .eot, .woff, .woff2, .svg, .ttf files of a Google font (normally your User-Agent would determine the best format at Google's CSS API). Furthermore it provides charset customization and CSS snippets, hence getting your fonts ready for local hosting should be finally a breeze. The API is public, feel free to use it directly.

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.


Office-Code-Pro - Customized version of Source Code Pro

  •    

Office Code Pro is a customized version of Source Code Pro, the monospaced sans serif originally created by Paul D. Hunt for Adobe Systems Incorporated. The customizations were made specifically for text editors and coding environments, but are still very usable in other applications.Available Formats OpenType, TrueType, EOT, WOFF, WOFF2 – OpenType ( OTF ) is the recommended font format for desktop use. The TrueType ( TTF ) fonts will work in most circumstances, but are optimized and recommended as webfonts. EOT, WOFF, and WOFF2 formats are exclusively for web use.

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

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.

fontprep - 🔣 The missing font generator for Mac OSX.

  •    Javascript

The missing font generator for Mac OSX. Download here. FontPrep takes your TTF and OTF font files and generates all of the respective font-formats for the web: WOFF, EOT, and SVG.

svg2ttf - SVG -> TTF font convertor

  •    Javascript

Converts SVG fonts to TTF format. It was initially written for Fontello, but you can find it useful for your projects. Internal API is similar to FontForge's one. Since primary goal is generating iconic fonts, sources can lack some specific TTF/OTF features, like kerning and so on. Anyway, current code is a good base for development, because it will save you tons of hours to implement correct writing & optimizing TTF tables.

3270font - A 3270 font in a modern format

  •    Makefile

This font is derived from the x3270 font, which, in turn, was translated from the one in Georgia Tech's 3270tool, which was itself hand-copied from a 3270 series terminal. I built it because I felt terminals deserve to be pretty. The .sfd font file contains a x3270 bitmap font that was used for guidance. If you are running Debian or Ubuntu and you don't want to mess with building your font files, you can simply apt-get install fonts-3270 (It's available from the Debian (https://packages.debian.org/sid/fonts/fonts-3270) and Ubuntu (http://packages.ubuntu.com/zesty/fonts-3270) package repos at https://packages.debian.org/sid/fonts/fonts-3270 and http://packages.ubuntu.com/xenial/fonts/fonts-3270, although the packaged version may not be the latest version, but it's good enough for most purposes. For those who don't have the luxury of a proper system-managed package, Adobe Type 1, TTF, OTF and WOFF versions are available for download on http://s3.amazonaws.com/3270font/3270_fonts_b3b4b7d.zip (although this URL may not always reflect the latest version).

postcss-font-magician - Magically generate all the @font-face rules

  •    Javascript

Font Magician is a PostCSS plugin that magically generates all of your @font-face rules. Never write a @font-face rule again. Just use the font and font-family properties as if they were magic.

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.

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.

SwiftIcons - 🎢Swift Library for Font Icons - ★ this library

  •    Swift

Please ★ this library. Now, you don't have to download different libraries to include different font icons. This SwiftIcons library helps you use icons from any of the following font icons.

gulp-iconfont - Create icon fonts from several SVG icons

  •    Javascript

Create SVG/TTF/EOT/WOFF/WOFF2 fonts from several SVG icons with Gulp. You can test this library with the frontend generator.

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.

system-font-css - Use the native system font of the OS running the browser

  •    HTML

System Font CSS is set of @font-face rules that let you use the native system font of the OS running the browser. system-font.css offers eight variations of the system-ui font family; light (300) light italic, normal (400), normal italic, medium (500), medium italic, bold (700), and bold italic.

fonteditor - 在线字体编辑器

  •    Javascript

ttf to woff,svg,eot convert, ttf adjust

fontcustom - Generate custom icon webfonts from the comfort of the command line.

  •    Ruby

Icon fonts from the command line. Generate cross-browser icon fonts and supporting files (@font-face CSS, etc.) from a collection of SVGs (example).