Font Awesome, the iconic font designed for use with Twitter Bootstrap. Fontello - icon fonts generator. Foundation Icons Fonts - ZURB Playground - ZURB.com. Settings heart star plus minus checkmark remove mail calendar page tools globe cloud error right-arrow left-arrow up-arrow down-arrow trash add-doc edit lock unlock refresh paper-clip video photo graph idea mic cart address-book compass flag location clock folder inbox website smiley search phone General Enclosed Set Social Set thumb-up thumb-down facebook twitter pinterest github path linkedin dribbble stumble-upon behance reddit google-plus youtube vimeo clickr slideshare picassa skype instagram foursquare delicious chat torso tumblr video-chat digg wordpress Accessibility Set wheelchair speaker fontsize eject view-mode eyeball asl person question adult child glasses cc blind braille iphone-home w3c css key hearing-impaired male female network guidedog universal-access elevator How These Were Built Here at ZURB, we’re always trying to think of new ways to innovate on our processes and methods.
How to Use Them We've made it super easy for you to get going with these icons! Merge in the Styles. Pictonic.co. Typicons. How To Use Any Font You Wish With FLIR. Last week, Philo showed you how to implement sIFR3.
This time, I'm going to show you how to implement Facelift Image Replacement (or FLIR), an alternative to sIFR that does not require Flash. Note that the demo uses different fonts than the ones used in the tutorial for copy right reasons. Step 1 - Setting up FLIR The first step is to download FLIR. Unzip the download and place the folder inside (facelift-1.1.1) somewhere on your web server. Inside the facelift folder is a Javascript file named "flir.js". Now open up flir.js in your favorite text editor and go to line 30. We need to put an absolute or relative path to our facelift directory between the two single quotes.
Open the page you want to add FLIR to and add the following between the head tags to attach flir.js: Then add the following right before the closing body tag: Step 2 - Choose and configure fonts This step is pretty easy. Whatever is assigned to $fonts['default'] will be used if a font is not specified. Step 3 - Styling. ❍ IcoMoon. IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists.
IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011.
Since its release, it has changed the way icon fonts (and icons in general) are being used in web today. IcoMoon was also the first to solve a big problem with icon fonts: Compatibility with screen readers. IcoMoon is constantly improving and it offers many unique features. With over 4000 free and open source icons available in IcoMoon's library, and by allowing you to generate crisp icon fonts and SVG sprites locally/offline, this service is far ahead of any similar one. Need to contact us?