background preloader

Free Icon Fonts for Web User Interfaces

By Jacob Gube This roundup features 18 free icon fonts that can be used in your commercial projects. The icon fonts in this post are perfect for your app user interfaces (UIs). What are Icon Fonts? Icon fonts are font files that have symbols and glyphs (e.g. arrows, folders, magnifying glasses) instead of standard alphanumeric characters. Icon fonts are like dingbat fonts, but are designed specifically for UIs. And because they’re treated like web fonts, icon fonts: Have great cross-browser support (even IE6, for example, can render web fonts using the @font-face rule)Can be scaled on-the-fly if the user adjusts their web browser settingsCan be rendered with different colorsCan embody font- and text-related CSS properties (like text-shadow and gradient) See icon fonts in action by visiting my friend Chris Coyier’s icon fonts demo page. To learn how to use icon fonts, read this tutorial on CSS-Tricks: HTML for Icon Font Usage. Free Icon Fonts 1. Number of icons: 137. 2. Number of icons: 121. 3.

Review of Popular Web Font Embedding Services Advertisement In the mid-80s the desktop publishing revolution began with the introduction of the Mac Plus, Aldus PageMaker and the Apple LaserWriter printer. It took quite a few years for these tools to make an impact on the design and publishing world, but once they did, there was no looking back. In 2010 we see a similar revolution starting to take shape with web fonts. Web font services, like Typekit and now the Google Font API, have captured a lot of attention. While all of these services are unique, they each provide a tool for web designers and developers to legally display professional fonts on their website. Typekit Typekit, Inc. is a popular web font service from Small Batch Inc and founder Jeffrey Veen. Font Selection 4000 (about half of these are through the Typekit library, and the other half via licensing arrangements with foundries who sell their own web licences) Advantages Over Other Services Strong platform integrations. Fee Schedule Annual subscription Webtype Fontdeck

Homepage | Free and premium mousemade pixel perfect graphic design and web resources. | pixel-fabric.com iOS Fonts 15 sites web developers and designers should know Creating a good website isn't an easy task, but there's a few tools that can definitely make your developer or designer life easier. In this article, I have compiled 15 extremely useful website that any web developer or web designer should have bookmarked. ColorCombos When designing a website, one of the firsts (and most important) steps of the process is to choose a color scheme. Color Combos allow you to browse thousand of different colors combinations for getting inspired for your upcomming design. LIpsum Who doesn’t know the extremely popular Lorem Ipsum text? What the font? You just saw a logo or website using a particular font and you enjoyed it. ConvertIcon Favicons are a must have for any website, mostly because on modern browsers as such as Firefox, it is displayed along with the site name in tabs. BgPatterns background Patterns is definitely one of the current webdesign trends. HTML Encoder Do you display code on your website? Test Everything Sprite Generator Load Impact IconFinder

9 Free Icon Sets to Diversify your Library Every designer needs to be ready to go wherever their projects take them. This is why you need to have a diverse library to count on. To help you with this task, we have some very stylish free icon sets to share. From weather to food and much more, you will have some fresh and beautiful icons to count on for your next project. Enjoy. 61 Outlined Weather Icons Collection In The Kitchen – Free Icon Set Line icon set for UI & more Cooking icons set Weather icons pack Flatty Icon Pack Free Set Colorful Ficons Icons 42+ Flat Icons Set Free Icons for the Weather Situations About the Author Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Related Posts shares 10 Super Useful jQuery Plugins for Better Typography No one ever said that web typography is easy, but it has gotten easier in recent years with the wide spread adoption of web fonts, the introduction of helpful typography tools, and as we see in this post, super useful jQuery plugins. Read More

34 Brilliant Free Icon Sets for Designers and Developers Looking for hosting?. We recommend MediaTemple for web hosting. Use Code MTLOVESDESIGN for 20% off The beauty of open source is built within the community, along with all the many derivative works to follow. Below you will find 34 free icon sets released during 2013. Free Colorful Iconset Christmas Icons Dark Glyphs 70 Free Icons 63 Blues Icons Free Pictograms for Keynote 35 Detailed Icons 48 Round Icons Almost Flat Creative Suite 45 Blue Drops Minimalist App-Style Icons Pages Icons Outlined Designer Tools Simple and Clean For the Love of Biscuits Bright E-commerce iWork & iLife 50 Glyphs Set Arrow Status Icons User Interface Icons Mini Icon Set Thanksgiving Vectors 5 Flat Devices Vector Icons by Chapps 8 Weather Icons Flat Indicator Icons @2x Flat Iconset Classic Icons Thinicons Random Flat Icons Credit Card Icons Yellow Icons Long Shadow Social Colorful Icons About Jake Rocheleau

Typekit Adobe Love I CAME to AdobeMAX in Los Angeles to give a talk to a room full of designers. Before arriving, I thought of Adobe as a historically important 20th century company that was slowly leaking relevance—a company web designers in the era of responsive design have begun to think of with a combination of fondness and embarrassment, like a beloved but somewhat shameful old uncle. I came to LA with those perceptions, but I leave with the impression of an exciting 21st century company in emergence. Realistic products for a magical age The products I saw were both amazing and realistic. That was the amazing part, but the equally important realistic part was that nobody was pretending this tool would be used to deliver final code on your website. We are now them More than that. It makes me feel good about the future, when so many other things conspire to make us feel the opposite. Filed under: Adobe, business, State of the Web, Typekit Web Design Manifesto 2012 THANK YOU for the screen shot.

Download Free Fonts for Mac, Android, Windows | Font Cubes Camping Recipes | Foil Packets, Dutch Oven & Gourmet S'mores Recipes Ever since our first camping trip when we threw foil packets of cubed steak with roasted rosemary potatoes, carrots and peas on the campfire, finding great camping recipes has been a top priority. That’s why we’ve created this section of the blog dedicated to our favorite camping recipes. Breakfast Main Dishes Side Dishes Sweet Treats Dutch Oven Pork Chili Verde Camp Recipe Beef Stew Foil Packet Camp Recipe Oooey gooey S’mores’adilla goodness Sweet Potato Taco Foil Packet Fixin’s Breakfast Hash Camp Recipe A little taste of s’more heaven. Gooey delight! Camp Recipe: Rosemary Cubed Steak with Roasted Potatoes Camp Recipe: Spicy Taco Patty and Cheesy Potatoes Foil Packet

Loading Typekit fonts asynchronously Update: We now offer an official asynchronous embed code through the Kit Editor, so you no longer have to create your own. Details are available in this blog post. The standard Typekit embed code has many advantages. It’s simple, compact, very easy to implement, and automatically helps to prevent the flash of unstyled text (or FOUT). These advantages make it the right choice for the vast majority of sites. The asynchronous loading patterns that we’ll discuss in this post provide a useful alternative in situations where you must eliminate any possibility that a problem loading the kit could interfere with loading the rest of the page. In fact, we use the font events asynchronous pattern described below on the Typekit status blog to ensure that our users can reliably read about our system status, even during a font network outage or degradation. Standard Typekit embed code Typekit’s standard embed code is just a simple pair of <script> tags. Standard asynchronous pattern How to use it:

Related: