How To Use @font-face In CSS And 21 Great Typefaces The 2 most popular typefaces used on the web today are surely Verdana and Georgia. They’re great and I used them all the time since they’re web-safe fonts. I use them mostly because I’m not a big fan of flash replacement techniques or solutions that require Javascript (sIFR, Cufon, etc…). But what about the @font-face CSS property? While @font-face may not work in all browsers, I think it’s still one of the best solution available today. Of course not all type foundries will let us embed their fonts on our webpages. The @font-face CSS Property Before you can start using those typefaces on your site you need to declare the font file(s) in your CSS file along with the font-weight and font-style if available. Then you can call the font via the font-familly property. Also be sure to check out the ‘further resources‘ section at the bottom of this post for more infos, especially on how to get @font-face to work in IE using EOT font files. Some Typefaces You Can Use With @font-face Tallys ↓ Days ↓
36 High-Quality Latest Free Fonts To Enhance Your Designs | Fonts Typography is the art and techniques of arranging type, type design, and modifying type glyphs. Display typography is a potent element in graphic design, where there is less concern for readability and more potential for using type in an artistic manner. The proper selection of typography can convert your normal design into very attractive piece of art. Below you’ll find Collection of High-Quality Free Fonts to Enhance Your Designs by which you can save money and focus on making great applications. The basic purpose behind this post is to show you Popular, Artistic and most importantly Free Downloadable font types to save your time searching them online. You can also find some related free references at the end of the post. You may be interested in the following related articles as well. Feel free to join us and you are always welcome to share your thoughts that our readers may find helpful. Don’t forget to and follow us on Twitter — for recent updates. 01. 02. 04. 06. willygrace 07. 09.
17,708 free fonts for Windows and Mac - FontSpace Project Icon Set For Free Download Advertisement Over the last months we’ve heard numerous complaints about the lack of quality in our freebie releases. We are aware that our readers have high expectations and we try to do our best to meet them in our posts. Project Icon Set This icon set, designed by Navdeep Raj2 and released for Smashing Magazine and its readers, contains 18 beautiful icons related to project management. The files are transparent PNGs, and vector Fireworks source files are included as well. Download the set for free! We express sincere gratitude to Navdeep for his great work. Footnotes Oh my. 29 Beautiful Fonts For Designers Get our posts emailed to you with our monthly newsletter, subscribe here. Using the correct typeface for your design project is absolutely crucial in conveying the message and feel of the overall design, it is necessary to keep an awesome collection of both paid and free fonts in your font collection to allow you to have the font resources at hand to test drive a design with varying fonts. I have taken three of my favorite font foundries and showcased 29 of the most beautiful fonts from their collections, the quality of these fonts is pretty amazing, some are more suited to print work and others for use on the web as they support the @font-face property. Take a look and add them to your collection. Lost Type Co-op Lost Type Co-op is an indispensable one of a kind type foundry, founded by Riley Cran and Tyler Galpin. You can download the fonts for free if you want but, if you have a heart then you can specify the amount you wish to send to the type designer. Ribbon Franchise Airplane HomeStead
20 Beautiful Script Fonts for Your Designs Since script fonts are based on the fluid stokes of natural hand writing, they’re a great way to add a personal touch to a design. The only issue I have with script fonts is that I’ve always had trouble finding good ones when I need them. Assuming you may have faced the same problem, I’ve taken the time to round up 20 beautiful script fonts for your designs. As you’ve probably noticed we love finding and sharing freebies with our readers, especially fonts. So we hope that you find these as useful as our other font collections. Cream Puff Ginga Ball Park Androgyne Angel Tears Forelle Carington Dirty and Classic Chopin Script Selfish Black Jack Freebooter Machine Script Learning Curve Quigley Wiggly Shardee Porcelain Wexham Script Honey Script Marketing Script About the Author Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. Related Posts 857 shares 20 Amazing Free Handwritten Fonts for Your Designs Read More 517 shares 21 Light & Ultra-Thin Fonts for Your New Designs
20+ High-Quality Free Fonts for Retro and Vintage Design As you know typography is one of the most important key aspects of any web design project. An appropriate choice of typography can convert your graphic into wonderful artwork. In a previous post I’ve collected 25 Amazing Retro Web Sites for Your Inspiration. In this selection I am glad to present you some of the best fonts to realize nice retro design. The fonts (20+) of this list are absolutely free and you can freely use these resources for your designs, click on the images below to download them. I really love each item of this list, but if some of your favourite fonts are missing tell us using comments. Useful Fonts for Retro and Vintage Design Airstream Alte Haas Grotesk Ballpark Betty Noir Bobel font Bolton Budmo Jiggler Chunk Dymaxion Script Echo Deco Fashion Victim Fontin JustOldFashiono Marketing Script Nickelodeon Old Republic Oliver Rechtman Romantiques Summertime Vintage Do You Need Fonts? On PV.M Garage we share only amazing stuff, take a look to the following links to find other useful fonts.
Free Designer's Portfolio Icon Set (12 High Quality Icons) Best Free Handwritten Fonts on the Web Often in order to underline the informal nature of the project, where the text is involved, designers use handwritten fonts. Such fonts can give a personal touch to the whole project, ensuring reader’s predisposition and loyalty from the very first glance. From classical handwritten fonts to eye-catching sketchy fonts and to cute outlined typefaces – this collection of free handwritten fonts is a good source of high quality fonts for your designing projects. [ank]* Jellyka CuttyCupcakes LHF Jami Jellyka BeesAntique Handwriting Blazing Italic Truffle-Shuffle WaterBrushROB Jellyka Castle’s Queen Windsong JaneAusten Mighty to Save Quickie VTKS SummerLAnd Rebuffed AtlandSketches BB 2Peas Goofball Jellyka – Estrya’s Handwriting Jellyka, End_less Voyage About the author: Peter Olexa Peter Olexa is a freelance graphic designer born in Bratislava, Slovakia.
How to Draw Celtic Knotwork The old method These instructions can be followed with pencil and paper or using any computer based drawing or drafting program. I have used Corel Draw, Adobe Illustrator, and AutoDesk AutoCad for various projects, but my favorite is Corel Draw. In the tutorial below I show the method that I use in Corel Draw; however, I have deliberately left out program-specific instructions. This method, like most, begins with drawing the grid. The second step is to draw in the diagonals. Next draw in the connecting curves that will become the edges of the knotwork. This is the step that most people have the most trouble with: deciding where to "Break the Grid". So, where do we put these spaces to make an aesthetically pleasing design? Here is how I do it:: I CHEAT! 1). Or 2). But back to the tutorial. Follow the diagonals until you come to a red line. For this step a computer graphics program comes in real handy. We're almost there! All that is left is to figure out the "Over / Under Thing".
Coquette 50 Free Icons in 5 Sizes and PNG Format DryIcons has released a new beautiful free icon set called “Coquette“. “Coquette” will make sure to bring all attention and admiration to your software applications, websites, blogs.This playful free icon set contains curvy and colorful free icons made with one goal, to get all the affection to your projects. These free icons flirt with style. “Coquette” free icon set contains 50 high quality, free icons in these sizes: 16x16px, 32x32px, 48x48px, 64x64px and 128x128px and 32-bit transparency PNG file format. Requirements: - Demo: License: Terms of Use 30 Professional Free Fonts for Excellent Typography In this article we want to present 30 Professional Free Fonts for Excellent Typography you should consider using for your designs or typography works. Make sure you maintain records of where fonts were acquired and keep the original archive file with the legal terms to prove permission of use. In this collection, you’ll find only the best free and high-quality fonts for clean and professional designs. “Typographical design should perform optically what the speaker creates through voice and gesture of his thoughts.” – El Lizzitsky. 1. Download Font 2. Download Font 3. Download Font 4. Download Font 5. Download Font 6. Download Font 7. Download Font 8. Download Font 9. Download Font 10. Download Font 11. Download Font 12. Download Font 13. Download Font 14. Download Font 15. Download Font 16. Download Font 17. Download Font 18. Download Font 19. Download Font 20. Download Font 21. Download Font 22.Rothenburg Decorative Download Font 23. Download Font 24. Download Font 25. Download Font 26. Download Font 27. 28.
Three Sets of Glossy and Modern Icons from DeviantART WebAppers is going to release a set of beautiful web application icons, they would be free for both personal and commercial use. These icons are currently under development, and will be released in the next 2 – 3 weeks. Please stay tuned. At the moment, you can have a look at the following three sets of glossy and modern icons available at deviantART first. Feel free to use these Colourful Pie Chart Icons. They are licensed under Creative Commons Attribution 3.0. The name says HP Dock Icon Set but it’s really not HP themed. You are free to use Pandora Icons for personal use. Demo: Colourful Pie Chart Icons Demo: HP Dock Icons Demo: Project Pandora Icons