article:
Elements Design: High Resolution Christmas Backgrounds
article:
Elements Design & Code: Animated Buttons CSS/HTML

Typography: Handy Icons Free Web Font Kit

Advertisement

This resource includes 99 hand drawn icons that have been converted to a webfont for use in your online applications. Simply load the font and use letters in place of icon .png files.


Screenshot

Resource Typography: Handy Icons Free Web Font Kit


Implements

css
@font-face {
    font-family: `Conv_wg_handy_icons`;
    src: url(`fonts/wg_handy_icons.eot`);
    src: url(`fonts/wg_handy_icons.woff`) format(`woff`), url(`fonts/wg_handy_icons.ttf`) format(`truetype`), url(`fonts/wg_handy_icons.svg`) format(`svg`);
    font-weight: normal;
    font-style: normal;
}

and

.demo {
...
   font-family: `Conv_wg_handy_icons`, Sans-Serif;
...
}


Using font icons is a great step to make your website retina ready.

Please share your feedback in comments below.



source
download

Advertisement
Tags: typography, fonts, icons, webfont, kit, design, layout

Leave a Comment

No Comment

© Creative3x Ltd.