Tag: font-face

Listicons – Arrows and Bullets Webfont
If you are tired of dealing with the same boring bullets and arrows when making lists or presentations, look no further. Listicons contains 52 such glyphs, in various vector formats, as well as a handy @font-face kit for web use.

[notification type=”information”]Licence:
- free for personal and commercial projects
- requires attribution to the provider (Media Loot)
- to remove the attribution requirement, you must become a member of Media Loot community or pay for a full licence[/notification]
[button color=”green” link=”http://medialoot.com/item/listicons-arrows-bullets-webfont/”]Get the Listicons webfont[/button]
November 8, 2012
Extended Entypo Glyph Set
Entypo Glyph Set is a free set of universal 284 carefully crafted pictograms for regular design projects. The icons are available as EPS, PDF and Photoshop PSD files as well as desktop typefaces (TrueType, OpenType) and Web fonts.

[notification type=”information”]Licence:
- free for personal and commercial projects
- attribution is required: please always credit the original designer of the set (Daniel Bruce)[/notification]
[button color=”green” link=”http://www.smashingmagazine.com/2012/11/03/free-glyph-set-entypo-eps-pdf-psd-web-font/”]Get the Extended Entypo Glyph Set[/button]
November 6, 2012
Pyconic icons and icon fonts

Pyconic is an innovative icon foundry by Italian web designer Allesio Atzeni. The offer includes several hundred icons, available in various formats: PNG (from 16x16px to 512x512px), vector and icon font. Everything is available in several bundles, tailored for any need and budget. There is even a FREE bundle of 400 icons, in PNG format at 32px that you can use in persona or commercial products as long as there is a link credit somewhere visible (like the footer of your website).

[notification type=”information”]Licence: free for personal and commercial projects[/notification]

[button color=”green” link=”http://www.pyconic.com/pyconic-icons-free/”]Get the Pyconic free icon pack[/button]

October 15, 2012
Font Awesome – icon font for Bootstrap and WordPress
Dave Gandy began Font Awesome as a project to provide extra icon fonts for the well known framework of Twitter Bootstrap. Version 2.0 offers over 220 icons that can be infinitely scaled due to their native vector format. As with all icon fonts, one can change the icon color at will and apply all font and text CSS properties.

Font Awesome can be also used outside of Bootstrap – the creators included a stylesheet (in both CSS and LESS format) so that anyone can enjoy this font. A recent addition is a WordPress plugin format, created by Rachel Backer, that allows smooth integration with the most popular blogging engine in the world.

[notification type=”information”]Licence:

The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0. A mention of
```
Font Awesome - http://fortawesome.github.com/Font-Awesome
```
in human-readable source code is considered acceptable attribution (most common on the web). If human readable source code is not available to the end user, a mention in an ‘About’ or ‘Credits’ screen is considered acceptable (most common in desktop or mobile software).[/notification]

[button color=”green” link=”http://fortawesome.github.com/Font-Awesome/”]Get Font Awesome for Bootstrap[/button] [button color=”green” link=”https://github.com/rachelbaker/Font-Awesome-WordPress-Plugin”]Get Font Awesome for WordPress[/button]
October 8, 2012
Fontello icon font generator
Fontello is an online generator for icon fonts, allowing everyone to create a custom icon font set. It uses slightly modified versions of four icon fonts, unified for a common look:
- Entypo
- Font Awesome
- Iconic
- Brandico
You can pick what icons you want and you can download the compilation font ready to use on your website using @font-face.

[notification type=”information”]Licence: MIT (free for personal and commercial projects)[/notification]

[button color=”green” link=”http://fontello.com/”]Start using Fontello[/button]
August 26, 2012
A great way to use icon fonts

As icon fonts see more and more use , there is an increasing concern on the best way to use them, in a practical and semantic way. With two main categories of clients that don’t see images but only text (search engine robots and screen readers), it is imperative to optimize the process without affecting either the search engine results nor the experience of visitors that use screen readers. Chris Coyier from CSS Tricks puts together such an improved approach, building upon the solutions from other developers.

[button color=”green” link=” http://css-tricks.com/html-for-icon-font-usage/”]Read the best way to use icon fonts[/button]

July 1, 2012
Pictos icons and icon font

Pictos is a collection of high quality royalty-free icons for user interface designer. The entire collection is available in several formats:

Icon Font Package

This package contains 94 hand-picked icons in font format. It is available both as a a desktop font and as @font-face packaged, including all required file formats.

[button color=”green” link=”http://pictos.cc/font/”]Get Pictos font[/button]

Server Icon Font

One can create a customized icon font using the Pictos icons and use their server service to serve the font, without bothering to host the solution themselves. The membership plans range from free (25000 page visits, up to 12 icons per font, 1 domain) to $50/month (no restrictions at all, except a limit of 4000000 monthly pageviews).

[button color=”green” link=”http://pictos.cc/server/”]Subscribe to Server solution[/button]

Icon packaged

Several icon packages, containing both vector and PNG formats (in 10 pixel sizes, from 16×16 to 512×512).

[button color=”green” link=”http://pictos.cc/”]Select your Pictos icon pack[/button]

All-in-one package

This option includes the icon font package and all icon packages together.

[button color=”green” link=”http://pictos.cc/complete/”]Buy Pictos Complete Pack[/button]

June 16, 2012