dafont.com The Font-Face Rule And Useful Web Font Tricks - Smashing Magazine Advertisement The possibility of embedding any font you like into websites via @font-face is an additional stylistic device which promises to abolish the monotony of the usual system fonts. It surely would be all too easy if there was only one Web font format out there. This quick introduction to @font-face will lead you towards a guide through the @font-face kit generator. Web Font Formats EOT, TTF, OTF, CFF, AFM, LWFN, FFIL, FON, PFM, PFB, WOFF, SVG, STD, PRO, XSF, and the list goes on. TrueType This format was developed in the late 1980s as a competitor to Adobe’s Type 1 fonts used in PostScript. OpenType Microsoft and Adobe teamed up in developing this font format. OpenType fonts with TrueType Outlines (OpenType TT) and OpenType fonts with PostScript Outlines (OpenType PS) 1OpenType comes in two different versions. OpenType PS is a so-called CFF based file format (CFF = compact file format). EOT is exclusively supported by Internet Explorer. @font-face Revolution Font Formats Subsetting
Playtype | Typographer's Glossary Serif: Serif's are semi-structural details on the ends of some of the strokes that make up letters and symbols. A typeface that has serifs is called a serif typeface (or seriffed typeface). Some of the main classifications of Serif type are: Blackletter, Venetian, Garalde, Modern, Slab Serif, Transitional, and Informal. Fonts in each classfication share certain similiar characteristics including the shape or appearance of their serifs. Serif fonts are widely used in traditional printed material such as books and newspapers. Show all Serif Didone is a typeface classification characterized by slab-like serifs without brackets; vertical orientation of weight axes. 50+ Current Tutorials From Around The Web Tutorials can often be your greatest source of inspiration when trying to design that project you have been putting off. In this post, I have rounded up a collection of very useful tutorials from around the web from the month of January. You’ll find everything from a Colorful Retro Futuristic Poster in Photoshop, to creating a Surreal Desert Scene. So what are you waiting for…why not try one out? Want more articles on useful tutorials? Check out some of my previous post: Web Layout Designs: 60 Must Have Tutorials 30 Must See Character Illustration Tutorials 40 Useful Photoshop Tutorials for Photo Manipulation Create a stormy Harry Potter Text effect in Photoshop Create a stormy Harry Potter Text effect in Photoshop Create An Editable Metal Type Treatment Create An Editable Metal Type Treatment Create a Cool and Realistic Denim textured typography Create a Cool and Realistic Denim textured typography How to Create a Stereoscopic Image for Crossed Eye Image Viewing Design a Creepy Gothic Poster
25 New Free High-Quality Fonts - Smashing Magazine Advertisement Every now and then we look around, select fresh free high-quality fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually time you should be investing in your projects. In this selection, we’re pleased to present Pompadour Numeral Set, Lato, Crimson Text, Espinosa Nova, Musa Ornata, Spatha Sans, ColorLines, Roke1984, Neuton, Avro, Baurete and other fonts. New High-Quality Free Fonts Pompadour Numeral Set1 (.eps, released under Creative Commons) A beautiful numeral font released by Andy Mangold under a Creative Commons license. Lato2 (open-source sans serif) Lato is a san-serif typeface family. Crimson Text3 “Crimson Text is a font family for book production in the tradition of beautiful old-style typefaces. Color Lines5 This decorative font can be used for a variety of products, such as posters, packaging and label design. Neuton Font9 Neuton is a clean Times-Roman–like typeface by Brian Zick. Further Resources
The non-typographer’s guide to practical typeface selection Warning: This article contains nothing nearly as meaty and complex as my dissertation about chiasmi from a few weeks back. But I promised I’d follow up with a more detailed report of my five minutes of fame at SXSW 2005, so here she goes. Let’s be frank right off the bat: I don’t presume to be a typographer, or even anything close to an expert with a replete knowledge of typography and its history. Instead, I take a more practical approach to typeface selection, given the environment I’m generally in rarely requires that I need to complicate the process further. My apologies beforehand (have I prefaced this article with enough disclaimers already?) Make a list of those “familiar” typefaces that you trust and know will work well in a variety of projects Supplement that list with a list of “unfamiliar” typefaces that address any specific objectives for the project at hand Test each typeface at small and large sizes Test both caps and lowercase 1. Don’t reinvent the wheel here. 2. 3. 4. 5.
“What Font Should I Use?”: Five Principles for Choosing and Using Typefaces - Smashing Magazine Advertisement For many beginners, the task of picking fonts is a mystifying process. There seem to be endless choices — from normal, conventional-looking fonts to novelty candy cane fonts and bunny fonts — with no way of understanding the options, only never-ending lists of categories and recommendations. Selecting the right typeface is a mixture of firm rules and loose intuition, and takes years of experience to develop a feeling for. Here are five guidelines for picking and using fonts that I’ve developed in the course of using and teaching typography. 1. Many of my beginning students go about picking a font as though they were searching for new music to listen to: they assess the personality of each face and look for something unique and distinctive that expresses their particular aesthetic taste, perspective and personal history. The most appropriate analogy for picking type. For better or for worse, picking a typeface is more like getting dressed in the morning. 2. 1. 2. 3. 4. 5.
On Choosing Type First Principles Typography is not a science. Typography is an art. There are those who’d like to ‘scientificize’; those who believe that a large enough sample of data will somehow elicit good typography. However, this sausage-machine mentality will only ever produce sausages. That typography and choosing type is not a science trammeled by axioms and rules is a cause to rejoice. Before we get to the nitty-gritty of choosing type, let’s briefly talk about responsibility. If you’ve understood the above two paragraphs, then you’ll know that what follows is not a set of rules, but rather a list of guiding principles. Sans or Serif? In my opinion, a lot of time is wasted attempting to prove that one is better than the other for setting extended text. Rather than write another ten paragraphs on this topic, I’ll simply say that we read most easily that which we are most familiar with. Guideline One: honour content This, of course, should be every typographer’s mantra. Guideline Two: read it
New High-Quality Free Fonts - Smashing Magazine Advertisement Every now and then, we look around, select fresh free high-quality fonts and present them to you in a brief overview. The choice is enormous, so the time you need to find them is usually time you should be investing in your projects. We search for them and find them so that you don’t have to. In this selection, we’re pleased to present Tondu, Banda, Morning Glory, Matilde, Bohema, Weston Round Slab, Highlands, Cabin, Linden Hill and other fonts. New High-Quality Free Fonts Bohema Bohema is a unique art-deco typeface with a modern twist. Morning Glory An experimental font by Luis Armesilla, released under a Creative Commons license. Highlands Highlands is a charming slab-serif font that draws inspiration from the US’ good ol’ National Park posters. Bender The Bender font family is an extravagant Russian typeface for special occasions. Ovalian Type An experimental, playful font based on oval and circle shapes. Black & White (The link was removed due to copyright infringement.
Technical Web Typography: Guidelines and Techniques Advertisement The Web is 95% typography, or so they say. I think this is a pretty accurate statement: we visit websites largely with the intention of reading. That’s what you’re doing now — reading. With this in mind, does it not stand to reason that your typography should be one of the most considered aspects of your designs? Unfortunately, for every person who is obsessed with even the tiniest details of typography, a dozen or so people seem to be indifferent. Creative and Technical Typography I’m not sure these two categories are recognized in the industry but, in my mind, the two main types of typography are creative and technical. Creative typography involves making design decisions such as which face to use, what mood the type should create, how it should be set, what tone it should have — for example, should it be airy, spacious and open (light) or condensed, bold and tight, with less white space (dark)? We’ll focus on technical type in this article. We’ll learn about: <! Beware! <!