GithubHelp home page GithubHelp logo

isabella232 / fontcustom Goto Github PK

View Code? Open in Web Editor NEW

This project forked from yapplabs/fontcustom

0.0 0.0 0.0 1.29 MB

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

Home Page: http://fontcustom.com

Ruby 68.78% Python 24.24% Bro 0.01% CSS 6.98%

fontcustom's Introduction

FontCustom v1.1.0

Generate icon webfonts from the comfort of the command line.

Full documentation
Changelog
Feedback and issues

Installation

# Requires FontForge
brew install fontforge eot-utils ttfautohint
gem install fontcustom

Quick Start

fontcustom compile path/to/vectors  # Compiles icons into `fontcustom/`
fontcustom watch path/to/vectors    # Compiles when vectors are changed/added/removed

fontcustom compile                  # Uses configuration options from `fontcustom.yml`
fontcustom watch                    # or `config/fontcustom.yml`

fontcustom help                     # See all options

Configuration

To avoid finger-fatigue, create a configuration file with fontcustom config. Typically, this should live in the directory where you plan on running fontcustom commands.

# Available Options (defaults shown)
font_name: fontcustom                 # Names the font (also sets name and directory of generated files)
project_root: (working dir)           # Context for all relative paths
input: (project_root)                 # Where vectors and templates are located
output: (project_root)/(font name)    # Where generated files will be saved
file_hash: true                       # Include an asset-busting hash
css_prefix: icon-                     # CSS class prefix
preprocessor_path: ""                 # Font path used in CSS proprocessor templates
data_cache: (same as fontcustom.yml)  # Sets location of data file
debug: false                          # Output raw messages from fontforge
verbose: true                         # Set to false to silence
templates: [ css, preview ]           # Templates to generate alongside fonts
                                      # Possible values: preview, css, scss, scss-rails, bootstrap, 
                                      # bootstrap-scss, bootstrap-ie7, bootstrap-ie7-scss

# Advanced input/output
#   Set input or output as a hash for more control
input:
  vectors: path/to/vectors            # required
  templates: path/to/templates

output:
  fonts: app/assets/fonts             # required
  css: app/assets/stylesheets
  preview: app/views/styleguide
  custom-template.yml: custom/path    # set paths of custom templates by referencing their file name

Contributor Guidelines
Licenses

Brought to you by @endtwist and @ezYZ

fontcustom's People

Contributors

kaizau avatar endtwist avatar unity avatar adamhooper avatar arthaey avatar chrishamant avatar dagjomar avatar thefrontender avatar twalpole avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.