background preloader

25 Free Fonts Perfect for @fontface

25 Free Fonts Perfect for @fontface
The recent web design trend of not using web safe fonts for headlines and titles has opened up a whole new resource category for designers: The search for the perfect headline grabbing font. In this post we have collected 25 of the best completely FREE headline fonts that could be easily used with @fontface property and all packaged with a web-font license. Dekar Dekar Download Page → Freeware License (View License) Sertig Sertig Download Page → Free For Personal or Commercial Use (View License) Cicle Family (7 styles) Cicle Family (7 styles) Download Page → Freeware License (View License) Anivers Anivers Download Page → Free For Personal and Commercial Use (View License) Chunk Chunk Download Page → SIL Open Font License (OFL) (View License) Museo Museo Download Page → Prociono Prociono Download Page → SIL Open Font License (View License) Josefin Josefin Download Page → Hattori Hanzo Hattori Hanzo Download Page → Creative Commons Attribution 3.0 Unported (View License) Raleway Raleway Download Page → Jura Ripe Bebas

Related:  typographyWebdesignFONTES

104 Free Fonts for Web Designers and Logo Artists It’s very essential for Designers to have an good understanding of typography and selection as the importance of typography in design can’t be neglected. The proper selection of typography can convert your normal design into very attractive piece of art. Among other things, effective typography manages to achieve three necessary objectives of web designing are Look, Appearance and Outcome which helps you to keep apart from normal wave. As we know that typography can be used as a way of mutual understanding between you and your users. 25 MORE Completely Free Fonts Perfect for @fontface A year or so ago we published our original Completely Free Fonts Perfect for @fontface. It has been a long time coming but here, at long last, is our next installment. Again, we have chosen 25 free (for both personal and commercial use) fonts that are so good we can’t believe they are the free. Here they are… Bemio Download Page → Bemio Copyright → Pay what you want (or zero) for personal and commercial use.

30 Fresh FreeFonts for Designers “Since typography is a communication method that utilizes a gathering of related subjects and methodologies that includes sociology, linguistics, psychology, aesthetics, and so much more – we aim to educate that there is no single approach within typography that applies to everything.” Shelley Gruendler The purpose of this post was to provide you with an incredible selection of fonts that are completely free and don’t have ridicules prices ranging in the hundreds. These font designers below simply love sharing their work with others, which is something that we value here on Dizorb especially when the work is astonishing.

90 top-quality typography tutorials Whether you're a creative director, illustrator or web developer – whatever your discipline, typography is an essential part of design. There are hundreds of paid-for and free fonts available these days, but when it comes to the art of type, you can never stop learning about it or improving your typography skills. To help you out, we've gathered together the most amazing typography tutorials from around the web, which are bound to help you raise your type skills to the next level.

Nice Web Type – How to use CSS @font-face Code up top for quick reference, details down below—we’ll prepare typefaces for use on the web, go through @font-face CSS line-by-line, and get the experts’ take on browser support. Updated May 2010 with new syntax from Paul Irish. The CSS: 30 of the Best Web Typography Resources Online It seems there are two camps among web designers: those who embrace web typography, experiment with it, and try new things in virtually all of their designs; and those who avoid it like the plague, opting to use standard, web-safe font stacks with little variation. It also seems like a lot of the designers who fall into the second group wish they were more like the first. The resources below can help you improve your web typography, regardless of which camp you fall into. There are tools for creating unique typography, references and articles that can teach you typographic principles, and plenty of inspiration and news to keep you updated on the state of web typography.

Design for Life - Recycled Wine Bottl 08.09.09 | by Erik Anderson Whether it’s product branding, package design or projects for ourselves, we’re pleased when we find a solution that’s very effective and creative, while keeping resources to a minimum. This idea is very inexpensive idea and it’s a great way to recycle a wine bottle. See how this simple idea inspired this brand and wine bottle design. It’s been a record year for mosquitoes here in Indianapolis, Indiana and I’d been wanting to add some Tiki-esque torches to the patio to combat the little buggers, and add a little ambiance. After searching the world over to find a torch that was affordable and atypical I came to the conclusion that unless I wanted wicker or bamboo, I needed to be a bit more resourceful.

Typography for Headlines Design Showcase They say that content is king. However, how you present it is pretty important too — no more so than when it's the main heading on your page. This collection of headline typography should provide some ideas for a more creative approach to designing this most important of page elements. 1 2 3 4 5 6 7 8 9 Next » PCMag Android and Me School of Webcraft It's even more Peer Powered We know learning is more fun with friends. We've kept the best part of the School of Webcraft and made it the core of everything we do to #TeachTheWeb. We work alongside our peers, ask each other for help, and offer expertise to those in need. The Webmaker Community supports each other in our community forum.

Design a Ready to Print Brochure in Photoshop This time I'll help you to create a ready to print three-fold brochure from scratch using only Photoshop. This tutorial is ideal for beginners and for people who want to know more about print design. Let's get it started! This is a practical guide on how to design a simple brochure from scratch using only Photoshop.

10 Great Tips For Improving Your Web Typography From the invention of the printing press in the 15th Century, to the creation and development of the Internet into the 21st, typography has evolved to reflect technological advancement to become both a science and an art form. Once a specialist occupation, the digital age has opened typography to computer users and web designers. When creating pages and laying out text with other content there are several guiding principles that designers should bear in mind. Typography is a huge field of study, but this post brings together a handful of hints to help web designers improve their pages.

Lettering: A Reference Manual of Techniques by Andrew Haslam Lettering: A Reference Manual of Techniques by Andrew Haslam and published by Laurence King This newly published book (September 2011) is a comprehensive reference guide for any designer wanting to know more about the techniques and production processes to create lettering themselves or to commission work from external sources. Using a combination of explanatory text, step-by-step photographs and classic and contemporary examples, this unique survey brings together over 80 processes involved in creating lettering and applying it to many different surfaces. Included are hand-drawn lettering techniques (from sign writing to tattooing); dimensional lettering (hand engraving to laser cutting); typesetting (from letterpress to lettering in food); printing (Letraset to printing on bank notes); lettering on textiles (embroidery to flagmaking); and illuminated type (neon signage to holography).