The Noun Project Ligature Symbols by Kazuyuki Motoyama Logos Please copy & paste this code to your HTML file or Stylesheet. <!-- HTML --><p>Simple use for mailto link. Download How to make this font ? Ligature Symbols is to display the symbol with a ligature features. About me Copyright © 2012 kazuyuki motoyama (kudakurage) 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 Glyphish – Great icons for great iPhone & iPad apps 31 sites pour trouver des icônes gratuites à télécharger Webdesigners et graphistes, découvrez cette sélection de 31 sites qui vous permettront de trouver des icônes gratuites à télécharger pour vos prochaines créations.Pour vos travaux personnels ou professionnels, posséder des icônes diverses et variées peut s'avérer être un atout de taille. Que vous souhaitiez créer un prototype de site, réaliser l'UI d'une interface mobile ou autre, avec cette sélection, vous accéderez à des centaines de milliers d'icônes gratuites. Terminez vos projets plus rapidement ! 32 outils pour gagner du temps dans la réalisation de vos projets et simplifier la création graphique. Vous utilisez un site qui n'est pas dans cette liste ? Bonne découverte et pensez à partager l'article avec vos amis ! Les sites pour trouver des icônes gratuites Webalys Toutes les offres d'icônes gratuites sont accessibles facilement. Découvrir Webalys Template Pro Je partage régulièrement des listes d'icônes gratuites et des sélections journalières. Web Design Freebies 1001 Free Downloads Mr.
The League of Moveable Type 200 Foodie Pack: A Free Set Of Food Icons 14 Free Icon Fonts for Web Designers Note: Before using any of the icon fonts below, you should read their license and terms of use. Website design is important to any company that wants to attract customers. Having appropriate and consistent icon fonts is part of what makes the design so effective and successful. Your font can easily be the deciding factor between a customer who chooses to stay on your site and one who decides to move on. 1. Ionicons Download Page 2. Full disclosure: I’m the founder of the Shock family of websites and this free icon font was created by my company. Shock Icon Font Download Page 3. Dripicons Download Page 4. Entypo Download Page 5. Sosa Download Page 6. Foundation Icons Download Page 7. Typicons Download Page 8. The Elegant Icon Font Download Page 9. Map Icons Download Page 10. Ligature Symbols Download Page 11. Heydings Icons Download Page 12. Fontawesome Download Page 13. Signify Download Page 14. PulsarJS Download Page How to Use Icon Fonts Learn how to use icon fonts by reading these tutorials: