background preloader

The Font-Face Rule and Useful Web Font Tricks - Smashing Magazine

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. Instead, there’s quite a variety, as you will get to know in this article. 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). @font-face Revolution

Twenty-Six Types of Animals by Jeremy Pettis How to Choose a Typeface - Smashing Magazine Advertisement Choosing a typeface can be tricky. The beauty and complexity of type, combined with an inexhaustible supply of options to evaluate, can make your head spin. But don’t be baffled — and don’t despair. What Is Your Goal? The first thing you have to do in order to choose a typeface is form a strong impression in your mind about how you want your audience to react to the text. Perhaps the hardest part of breaking down the typeface selection process is understanding which parts are more subjective and which parts are more objective. Legibility It may seem at first glance that legibility and readability are the same thing, but they are not. Consider this example where the left block of text is set in Tobin Tax, a decorative serif typeface. Quick tips for great legibility: Readability How your typeface is set, combined with the basic legibility of the typeface, yields a certain level of readability. Let’s take our previous example of Sabon and alter the readability. Design Intent Mood

ALPHABET Alphabet: An Exhibition of Hand-Drawn Lettering and Experimental Typography ALPHABET GALLERY Below are selected samples of some of the alphabets shown in the exhibition. Complete character sets (A-Z) of each alphabet in the show can be seen in the exhibition catalog. ANDREW BYROM / INTERIORS / 2003 A set of 26 table and chair frames built from steel tubing, Interiors forms a lowercase alphabet when viewed from certain angles. While some of the letters such as the h, m, and b look like basic chairs or tables, others like the e, t, and x become abstract, rather than functional, furniture. Fabrication: Joel Wolter LUKE RAMSEY AND A. APIRAT INFAHSAENG / SEVEN BOARD OF CUNNING / 2004 Constructed with Chinese Tangram puzzle tiles, Seven Board of Cunning takes the concept of Tangrams--that the tiles may be arranged into a variety of shapes--and applies it to typography, creating multiple versions of each letter. THEO A.

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. We search for them and find them so that you don’t have to. 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. Further Resources Last Click

30 New Free High-Quality Fonts - Smashing Magazine Advertisement Every now and then we look around, select fresh high-quality free 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 current projects. In this selection, we’re pleased to present Piron, Nobile, St Marie, Code, Arcus, Crimson Text, Quadranta, Juice, Prociono, Mr Jones, Ibarra Real and various useful symbol fonts. New Free High-Quality Fonts Piron1 Piron is a highly legible typeface, very well suited to any display or text usage: Web, print (especially magazines), brochures, logos, posters, flyers, motion graphics. St Ryde Regular2 (Registration required, PDF Specimen3) St Ryde is a sans-serif, very casual typeface, that works perfect in your bodycopy within the regular weights. Nobile4 The font is designed to work on digital screens and handheld devices without losing the distinctive look usually found in fonts designed for print. Last Click Related Posts (al) It's done.

“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.

» 19 More Free Quality Fonts » Smashing Magazine | modern magazine for web-designers and developers Advertisement Over the last days we’ve decided to take a look at new fonts and choose the most beautiful ones. In fact, many new fonts occured – some of them just weren’t available for download one year ago, some of them were created over the last 12 months. The results are listed below – the most beautiful fonts, created by the open-source community and free for personal, academic and (sometimes) commercial use. The disclaimers are changing from time to time, so you better first take a close look at disclaimer before using the font in a commercial project. “19 More Best Free Quality Fonts” contains only new fonts. 16 More Best Free Quality Fonts 1. 2. 3. 4. 5. 6. 7. 8. mgOpen Cosmetica20 (freeware): Description21, Download 9. mgOpen Moderna22 (freeware): Description23, Download 10. jGaramond24 (freeware): Description25, Download 11. 12. 13. 14. 15. 17. Links for further visiting and reading: Typeforge: open source collaborative type design39: tremendous efforts, tremendous result.

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. Please note that while most fonts are available for commercial projects, some are for personal use only and are clearly marked as such in their descriptions. 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. Black & White (The link was removed due to copyright infringement. (al)

Shapecatcher.com: Unicode Character Recognition dafont.com mezzoblue § design, typography, and the web: live from vancouver, b.c., canada

Related: