Web Symbols typeface

There are those points in every interactive designer’s career when he becomes fed up with producing the same set of graphics all over again for every website he designs. It could be the social network icons, gallery arrows or any number of his «signature» butterflies for the footer of each of his projects. Similar for interactive developers that have to slice the same GIFs and PNGs each time art-director asks them to.

Until now. We want creative people to spend time on creative things. So we came up with the typeface that includes all frequently used iconographics and symbols. Although, the idea is not hot-baked â€” Webdings and Windings have been around for quite a time â€” all of them have a lot of unnecessary and sometimes actually scary symbols.

Web Symbols is a set of vector html-compliant typefaces, so it might be used in any size, color and browser (okey, mostly â€” but IE7 for sure).

Add it to your website via this snipper:

@font-face{ 
	font-family: 'WebSymbolsRegular';
	src: url('/fonts/websymbols-regular-webfont.eot');
	src: url('/fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/websymbols-regular-webfont.woff') format('woff'),
	     url('/fonts/websymbols-regular-webfont.ttf') format('truetype'),
	     url('/fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	}

Note: Avoid hot-linking and upload font files to your own server. Or we replace them with Webdings.

Archive with font files for website â€” Z WebSymbols-Font-Pack.zip (57 KB)
Font file for desigers â€” Z WebSymbols-Regular.otf.zip (13 KB)

License — OFL

Icons for content management systems

Gallery navigation icons

Social networks

Icons for service sites

Other

New

Source: http://www.justbenicestudio.com/studio/websymbols/