Coder Social home page Coder Social logo

herrbertling / font-library Goto Github PK

View Code? Open in Web Editor NEW

This project forked from katydecorah/font-library

0.0 2.0 0.0 218 KB

:card_index: An open source project to tag and organize Google Fonts

Home Page: http://katydecorah.com/font-library/

License: MIT License

Ruby 1.31% HTML 39.18% CSS 32.18% JavaScript 27.33%

font-library's Introduction

Font Library Build Status

Contributing

The are over 700 Google Fonts, let's organize them!

Background

Font Library is built with Jekyll and AngularJS, but you don't need to know either to add or edit the tags — you only need to know how to edit a file.

Each font family is stored as an object in families.json. Each family has an array of tags.

Adding/editing families.json guidelines

  • Use double quotes "
  • Do not delete or change the first tag, this is the classification defined by Google
  • Keep the list alphabetical by family name
  • Tags are lowercase
  • Each font should have no more than 5 tags
  • Avoid creating new tags that are similar to already established tags, instead consolidate or rename all similar tags if a different tag name is more intuitive
  • Avoid ambiguous names for tags; make the tag name intuitive (Would you use this tag to find font X?)
  • The family name must match the Google Font family name exactly

View families.json

Help wanted

You're welcome to edit families.json to add, edit, or improve tags. I recommend starting by tagging fonts that you often want to find for yourself -- curate your own tag! It's likely that someone else will dig your collection.

Want to help, but don't know where to start? Open your browser's Console:

image

  • Help wanted! These fonts need to be added to families.json — if Google adds a new font, but we haven't added it to families.json yet, then the Console will log it along with the exact entry you can copy and paste into families.json. Feel free to add additional tags to the entry.
  • New font alert! — if a family has less than 2 tags, then the Console will log it. Open the provided link to the specimen page and read the description to get ideas for tags. Try to use tags that are already established, but create new tags when necessary.

Creating a pull request or issue

Please create a pull request or create an issue to add/edit tags or to add newly added Google fonts.

When creating a pull request, it's helpful to:

  • Double check your tags and ask yourself if it's something that you would use to find fonts
  • Provide a brief description of the tags your added or changed
  • Edit tags in small batches (<20 edits) to make reviewing quicker and easier

If you're new to Github, I'm happy to walk you through it. I recommend reading Creating an issue and Creating a pull request. If you need help with your pull request, create an issue and tag me in it @katydecorah and I'll help.

Building

Font Library is built with Jekyll. If you're just updating tags in families.json, you don't need to build the site locally. But you can if you prefer to see your changes before you submit a pull request.

To build it locally, you will need to:

To build the site:

rake serve

or

bundle exec jekyll serve --watch

To test the site run:

rake test

License

The MIT License (MIT)

Font tag data is licensed under CC0 1.0 Universal (CC0 1.0)

font-library's People

Contributors

christopheradams avatar herrbertling avatar jsnmrs avatar katydecorah avatar nickjohnford avatar

Watchers

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