Glyphish – Great icons for great iPhone & iPad apps What is @font-face and How to Use It in CSS @font-face is a CSS rule that allows you to input your own font to appear on a website even when the particular font is not installed on the visitor’s computer. The most important thing about this rule is that it opened a whole new world for designers. You are welcome to use just about any font you like and as many as you like. Why it is awesome Like I said, @font-face opened a whole new world for designers. Additionally, @font-face got rid of the use of images as a solution to showcasing custom fonts instead of actual text; using text over images helps SEO and – more importantly – accessibility. How to use @font-face The following syntax is how you use @font-face. And then you reference it. That’s it. The previous example was using an outside source. In addition, there are three other font properties which you should be aware of. Setting the font-weight and alike ensures that browsers use these values and not something else. A word of advice Browser compatibility @font-face Resources TypeKit
Prime free font Fontfabric type foundry presents Prime free font – unique sans serif techy fonts! Prime is a simple typeface with a techy feel and a strict, geometric origin. I wanted to create something that offers great readability in various sizes yet still offers enough subtle differences to stand out. Designed by Max Pirsky | Portfolio link Downloadfree fonts This post is tagged 200 Foodie Pack: A Free Set Of Food Icons The League of Moveable Type Open Iconic, a free and open icon set Displaying Open Iconic's SVGs are a snap. Just treat them like your typical image and away you go! Pro tip: Don't forget the alt attribute. SVG Sprite Open Iconic also comes in a SVG sprite which allows you to display all the icons in the set with a single request. Tip: To make your icons easily style able, we suggest adding a general class to the <svg> tag and a unique class name for each different icon in the <use> tag. <head> ... Sizing icons only needs basic CSS. Coloring icons is even easier. Font Icon fonts are a great fallback for SVG—and our font is pretty great. Head Body Bootstrap Font Use Bootstrap? Foundation Font Iconic also works for Foundation and functions just like Foundation's icon font.