You should be aware of possible accessibility issues, but special care has been taken to use standard unicode glyphs where available.
Toolbar – okay, the wood texture is an image
Rating widget – try it!
Lists of actions, in any size or color!
Sample files are included in the download, but basically you first reference the font files on your server (or use base 64 encoded files straight in your CSS).
In modern browsers you can use data-* attributes and generated content to display the icons.
If you need to support Internet Explorer 6/7/8, you’ll need to put the icon characters in your HTML source (or use a JavaScript solution).
<a href="#" class="icon" data-icon="p"></a>
<style>
@font-face {
font-family: fico;
/* reference font files here */
}
.icon:before {
content: attr(data-icon);
font-family: fico;
}
</style><a href="#"><span class="icon">p</span><a>
<style>
@font-face {
font-family: fico;
/* reference font files here */
}
.icon {
font-family: fico;
}
</style>If you buy Fico now, you’ll receive any further updates for free. So if there’s any crucial icon missing, let me know! (Mind you, to keep the file size small the Fico icon set will never grow too large.)
Also, if you made something really nice with Fico, send me an e-mail and perhaps your creation will be featured on this page. Happy designing!