background preloader

Understanding The Difference Between Type And Lettering

Understanding The Difference Between Type And Lettering

The pro's guide to hand-drawn typography Illustrated typography has become a field in its own right, with illustrators, designers and self-made letterers working across media to present their unique spin on this growing trend. From traditional sign making in local communities to editorial illustration and publishing, to ground breaking advertising campaigns such as Kate Moross Cadbury’s billboards, hand drawn typography injects personality and playful fun into our daily lives. Creating your own lettering might be something you do for fun, a simple exercise in doodling to kick start your creativity - but with an abundance of opportunities for specialists in this field it might be time to focus your energies on developing your skills. Carving out a niche Based in London and working collectively under the name Animaux Circus, Lana Hughes, Rory Elphick & Margaux Carpentier formed a bond over their mutual love of design whilst studying Graphic Communication at University of the Creative Arts. Work that resonates A love for type Technique

How to Use Icon Fonts in Your Website Icon fonts are quickly becoming a web design trend and there is a good reason for that. Creating icons with icon fonts gives designers the ability to manipulate the icons with CSS. The days of creating two different icon images for rollovers or effects are long gone. Aside from giving designers and developers more control, icon fonts also offer many features that bitmap image icons simply do not. Here is a demonstration of how icon fonts look scaled up compared to bitmap icons. As you can see, the bitmap icons get pixelated while the vector font icons scale up fine and look as sharp and precise as they did in a smaller size. One other advantage we get with icon fonts is load time. So let’s go over how to implement icon fonts in your website. Step 1: Load The Font via @font-face This is the same process as loading any other font using the @font-face method. Step 2: Create CSS Rules That Apply to Every Icon Explanation for each of these CSS properties and their values This is the fun part.

50 Cool Fonts Of All Times A good or bad font plays an important and substantial role in making an excellent reader experience. Wrongly chosen font could turn off readers’ interest in your website, no matter how good the content is. Poor readability means poor readership. Some fonts are evergreen. As said, old is gold, these fonts are also proving their worth Today we are showing 50 cool fonts, some of them are years old, but their glory is long lasting. If you like this article, you might be interested in some of our older articles on Professional Fonts For 2011, Graffiti Fonts, Brush Fonts, and Sites to Download Free Fonts. Advertisement Feathergraphy Decoration More Information on Feathergraphy Decoration Angel Tears More Information on Angel Tears Some Weatz More Information on Some Weatz Ink In The Meat More Information on Ink In The Meat More Information on CANDY INC. Amputa Bangiz Standard TTF More Information on Amputa Bangiz Standard TTF bobsmade font More Information on bobsmade font 28 Days Later Agent Orange Akka Acens

Choosing web fonts: 15 expert tips | Web design Over the last few years, the possibilities for using type on the web have expanded enormously. In the bad old days of the web, designers were restricted to a few 'web safe' fonts, which meant everything looked pretty much the same, or using images to replace the type – a clunky solution that caused problems for the reader and technical problems in the browser. Nowadays, though, you can access an astonishing array of professional typefaces for use on your sites, bringing the aesthetics of print design to the web. Since around 2010, widespread support of @font-face in all the major browsers, plus a new web open font format, WOFF, has led to a technical revolution and the rise of a number of web font hosting services. These companies allow users to pay a subscription to host an enormous range of web fonts on their website. Tim Brown is the type manager at Typekit. 01. 02. 03. The web may move at lightning speed, but quality typesetting requires lots of patience. 04. 05. 06. 07. 08. 09.

30 great free handwriting fonts If you need a handwriting font for your project, look no further. When we talk about handwriting fonts, we're not just referring to one style of typography; they can come in a number of various executions. They are in the same area as cursive fonts but with even fewer constraints and often based off freeform illustrations. More recently, this style of typography has been making more appearances than ever before, with print and digital alike favouring it over more traditional offerings. Here, we plucked some top free fonts in a handwritten style for you to download and enjoy. 01. Charming handwriting font Stay Writer was created by graphic designer and illustrator Syed Faraz Ahmed. 02. Handwriting font SoulMarker was created by graphic designer and illustrator Faraz Ahmad. 03. The team at Australian-based design agency Team Scope are behind handwriting font Claire Hand. 04. "This is a one-day font," says Cavorting typeface creator Missy Meyer. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15.

Sans Serif Fonts: Most Popular Typefaces, Best for Webfonts As San Serif typefaces have only been around for about 100 years, it is necessary for designers or enthusiasts to have an understanding how it all came about. Based on known historical accounts, officially, modern sans serif has been created on 1816 by William Caslon IV at the English Type foundry. The English Egyptian Typeface is designed only in capital letters in 28 points. Then came; Akzidenz Grotesk created in Berlin at the German Berthold type foundry. Why grotesk / grotesque? When the first typefaces of this sort came about in the 1830, people first considered them as blatantly grotesque and due to their controversial appeal; they are a rarity in texts and other printed forms with an exception of advertising. Why sans Serif? The main appeal of Sans Serif would not be understood until the early 20th century. German influences It seems the prevalence of sans serif, from the Akzidenz Grotesk would not push through without the Bauhaus ideology which began and evolved in Germany. Futura

Font kerning: 10 expert tips | Typography Kerning is the process of adjusting the spacing between letters to achieve a visually pleasing result. Some designers find it easy, others find it a tricky process where success is achieved more by luck than real judgement. But follow these tips and you should find yourself on the right track... 01. Choose your typeface early on Each typeface requires its own kerning and specific adjustments and attention to detail. 02. The main focus of kerning is usually the spacing between characters, but don't forget the spacing between words as well. 03. Remember that some letters that don’t kern as well as others within a word. 04. You may hear other designers talk about 'tracking' and assume it's the same thing as kerning. 05. Like mastering any technique, the best and most effective way to improve your kerning skills is through practice. 06. 07. Another useful exercise for kerning is to turn the typeface upside-down. 08. 09. 10. Words: Meryem Meg and Brian Hoff Like this?

Setting Weights And Styles With The @font-face Declaration

Related: