Font Custom - Generate Custom Icon Web Fonts From The Comfort Of The Command Line

Font Custom is a tool to generate custom icon web fonts from the comfort of the command line.

Features

• Cross-Browser - Output multiple font formats and a bulletproof stylesheet with one command. Works on modern browsers, quirky mobile flavors, and even your old friend IE8.
• Bootstrap-Ready - Font Custom creates styles using Bootstrap's .icon-{{your-icon-name}} naming convention. Just include fontcustom.css and you're set.
• Plug And Play - No configuration or navigating confusing APIs. Just place all your vectors in a folder, link a CSS file, and let Font Custom take care of the rest.
• Infinite Options - Why limit yourself to generic, overused icon sets? Create your own vectors or check out Glyphicons and The Noun Project for a buffet of possibilities.
• Flexible Sizes - Resize icons to your heart's content. Since they're vector, Font Custom icons appear crisp at any size. (Also, no more @2x icon assets.)
• Just Add CSS - Change colors, add shadows, rotate, transmogrify — style icons however you want with just a little CSS. Tweaking icon designs has never been easier.
• Smaller File Sizes - Icon font sets like Pictos and Font Awesome require browsers to download hundreds of icons you'll never use. Font Custom only includes the icons you choose.
• Screen Reader Friendly - Some icon fonts use letters or alphanumeric characters which are read out by screen readers. Font Custom uses Unicode's PUA so this won't ever be an issue.
• Automatic Regeneration - Add an icon? Remove an icon? Fonts and styles are regenerated instantly thanks to Font Custom's handy command line watcher.

Requirements: None
Demo: http://fontcustom.com/
License: MIT License

Sosa - A Free Icon Font Which Includes The 120+ Useful Icons

Sosa is a stunning icon font which includes the 120+ most useful icons. The download includes the .ttf .eot .svg & .woff files need to use this icon font via @font-face.  Icon categories include: web; devices; media; media controls; tools; stationery; social; e-commerce; forms, OS / CMS; weather; graphs; vehicles.

Requirements: None
Demo: http://www.tenbytwenty.com/sosa.php
License: Creative Commons 3.0

Responsive Measures - A jQuery Plugin For Generating A Responsive Ideal Measure

Responsive Measure is a simple script that allows you to pass in a selector (ideally the container where your primary content will go) which generates the ideal font size needed to produce the ideal measure for your text.

Reading is one of the most basic things we do on the web. CSS gives us control over font-size and line-height but we don’t have a good way to control the measure. Until now.

Requirements: jQuery
Demo: http://jbrewer.github.com/Responsive-Measure/examples
License: MIT License or GPL

BonsaiJS - A Lightweight Graphics Library With An Intuitive Graphics API And An SVG Renderer

BonsaiJS is lightweight graphics library with an intuitive graphics API and an SVG renderer.  Bonsai's main features include:

• Architecturally separated runner and renderer
• iFrame, Worker and Node running contexts
• Paths
• Assets (Videos, Images, Fonts, SubMovies)
• Keyframe and time based animations (easing functions too)
• Path morphing
• and much more...

Requirements: None
Demo: http://bonsaijs.org/
License:  MIT License

Foundation Icon Fonts - Custom Icon Sets That Are Stored As Handy Web Font

Foundation Icon Fonts is a custom icon sets that are stored as handy web font. A couple lines of CSS and the right markup will get you going in no time.  They have been designed to be refined enough to stand alone as a simple icon, but left room for the imagination. Since you’ll be dealing with a font, the opportunities are nearly limitless. Now your icons can be any size, any color and any style available in CSS.

Requirements: None
Demo: http://www.zurb.com/playground/foundation-icons
License: Free

Typicons - Free-To-Use Vector Icons Embedded In A Webfont Kit For Easy Use In Your UI

Typicons are free-to-use vector icons embedded in a webfont kit for easy use in your UI, whether it be on the web or in a native application.  Typicons save space and time by pairing a vector icon to a character, just like Webdings or Windings. Then, using the CSS3 pseudo-selector ::before, the appropriate characters are bound to their respective classes (eliminating the need to remember the correct index of each icon).  Advantages of Typicons:

• No more slicing images and modifying background positions
• No more media queries for different screen resolutions
• 88 lightweight, consistent graphics based on a 24px grid
• Pixel-perfect rendering in webkit browsers using -webkit-font-smoothing: anti-aliased
• CSS and original vectors are included in the kit
• Typicons are a work in progress. A more semantic link between icons and their Typicon character is currently being developed. In the meantime, you can download the webfont below.

Requirements: None
Demo: http://typicons.com/
License: Free

Free Font: Bobber Typeface - An Alternative Slab Serif

Bobber Typeface is a grid based font and it's called Bobber because it's vintage style.  It is totally free, even for commercial use.


Requirements: None
Demo: http://www.behance.net/gallery/Bobber-Typeface/3371595
License: Free

Fontomas - Helps To Combine Iconic Webfonts For Your Project

Fontomas runs right in your browser and helps to combine iconic webfonts for your project. With fontomas you can:

• make a limited symbols subset, with reduced font size
• merge symbols from several fonts to single file
• access large collections of professional-grade open source icons

Requirements: None
Demo: http://nodeca.github.com/fontomas/
License: MIT License

Free Font: Roboto, The Android Font

Roboto, created specifically for the requirements of UI and high-resolution screens. The current TextView framework supports regular, bold, italic, and bold italic weights by default.

Requirements: None
Demo: http://developer.android.com/design/style/typography.html
License: CC Attribution 2.5 License

Free Font: Metropolis - A Bold, Bumptious Typeface With A Stolidly Calm Disposition

Metropolis comes from the the industrial movement of the 1920′s where skyscrapers where born. “Greatly inspired by the double line work of Twin by Mark El-Khatib, I wanted to create my own Art Deco style font using this technique. The result is a bold, bumptious typeface with a stolidly calm disposition.”

Requirements: None
Demo: http://fontfabric.com/metropolis-free-font/
License: Free

Font Awesome - The Iconic Font Designed For Use With Twitter Bootstrap (150+ Icons)

Font Awesome is a pictographic language of web-related actions.  It has been designed from scratch to be fully backwards compatible with Twitter Bootstrap 2.0. This pack contains over 150+ icons.

Requirements: None
Demo: http://fortawesome.github.com/Font-Awesome/
License: CC Attribution 3.0 License

Free Font: Bemio Is An Ultrabold Sans With An Extensive Character Set

Bemio is an ultrabold sans with an extensive character set. It bridges the gap between old signage and craftsmanship with modern forms and simplicity. With more than 1000 glyphs, and full Language Support, Bemio is versatile and robust.

Requirements: None
Demo: http://www.losttype.com/font/?name=bemio
License: Free

Free Font: Neuton Font Family

Neuton is a clean, dark, somewhat Dutch-inspired serif font which reminds you a little of Times. It has a large height, short extenders, and a compact width for better screen use, and economy of space.

Requirements: None
Demo: http://brianskywalker.deviantart.com/art/Neuton-Fo...
License: SIL Open Font License

Heydings Icons - A Free Icon Web Font

Heydings Icons is a fairly modest collection of 50 57 60 glyphs specifically intended for the accessorization and classification of textual cues such as hyperlinks, navigation elements and buttons.

Requirements: None
Demo: http://www.heydonworks.com/a-free-icon-web-font
License:  SIL Open Font License

Free Font: Rex - A Font Family With Three Weights That Was Designed To Create Unique Titles On The Fly

Rex is a font family with three weights – light, bold and bold inline – that was designed to create unique titles on the fly. It’s all caps font, but there is a difference between both – caps & small caps (see in the examples). Applicable for any type of graphic design – web, print, motion graphics etc and perfect for t-shirts and other items like posters, logos. Cyrillic version is included.

Requirements: None
Demo: http://fontfabric.com/rex-free-font/
License: Free

Free Font: Jellyka Delicious Cake Font

Jellyka Delicious Cake Font is a free font for you to use in your projects.  Below is a sample of what the font looks like:


Requirements: None
Demo: http://www.cuttyfruty.com/enhtml/font_detail.php?font=27
License: Free

Entypo - A Set Of 100+ Carefully Crafted Pictograms

Entypo is a set of 100+ carefully crafted pictograms available as an OpenType font, vector EPS and web font.
Requirements: None
Demo: http://www.entypo.com
License: CC Attribution 3.0 License

BEAUTIFUL WEB TYPE - A SHOWCASE OF THE BEST TYPEFACES FROM THE GOOGLE WEB FONTS DIRECTORY

Beautiful Web Type showcases the best typefaces from the Google web fonts directory.  There are currently 404 typefaces in the Google web fonts directory. Many of them are awful. But there are also high-quality typefaces that deserve a closer look. Below are examples of these typefaces in action. Click the examples to get the typeface from the Google web fonts directory.

Requirements: None
Demo: http://hellohappy.org/beautiful-web-type/
License: Free

GLEGOO - FREE GOOGLE WEB FONT

Glegoo is a truly modern slab serif. This Regular style is the first of what will be a large typeface family. It has a precise balance of shapes, counterforms and strokes. Glegoo is slightly condensed, has a large x-height, short ascenders/descenders and large counterforms. These attributes all add up to help reading text, even in very small sizes. Its careful design and proper choice of weight generate a nice texture in paragraphs of text, but the design is also intended to work well when composing headlines with presence and elegance. Large usage will show off the delicate modulation of strokes that are in this font.

Requirements: None
Demo: http://www.google.com/webfonts/specimen/Glegoo
License: Creative Commons With Attribution v3.0

POLY – FREE WEB FONT

Poly is a medium contrast serif font. With short ascenders and a very high x-height, Poly is efficient in small sizes. Thanks to its careful balance between the x-height and glyph widths, it allows more economy and legibility than standard web serifs, even in small sizes. The aglutinative language for which it was designed contains very long words. The goal was to develop a typeface that would tolerate cramped tracking and that would increase the number of letters on a single line. Poly is a Unicode typeface family that supports Open Type features and languages that use the Latin script and its variants.

Requirements: None
Demo: http://www.behance.net/gallery/Poly-a-free-web-font/2890189
License: Creative Commons No Derivatives v3.0