webfont-webpack-plugin - Webpack plugin that converts set of svg images into a fonts and CSS template

  •        85

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

https://github.com/itgalaxy/webfont-webpack-plugin

Dependencies:

fs-extra : ^6.0.1
nodeify : ^1.0.0
webfont : ^8.1.1

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.

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.

webify - webfont generator - converts ttf to woff, eot and svg

  •    Haskell

webfont generator - converts ttf to woff, eot and svg


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.

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.

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.

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.

fonteditor - 在线字体编辑器

  •    Javascript

ttf to woff,svg,eot convert, ttf adjust

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.

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

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.

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.

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.

woff2otf - Converts woff files to otf files

  •    Python

This is a small utility to convert WOFF files to the OTF font format. It uses Python 3, so you need to have it installed in order to run it. The first parameter is the source file (the WOFF) font, and the second parameter is the output file (in OTF format).

sass-loader - Compiles Sass to CSS

  •    HTML

Loads a Sass/SCSS file and compiles it to CSS. Use the css-loader or the raw-loader to turn it into a JS module and the mini-css-extract-plugin to extract it into a separate file. Looking for the webpack 1 loader? Check out the archive/webpack-1 branch.

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