background preloader

The Personal Disquiet of Mark Boulton

The Personal Disquiet of Mark Boulton
– April 13th, 2005 – Typography, I find, is still a bit of mystery to a lot of designers. The kind of typography I’m talking about is not your typical “What font should I use” typography but rather your “knowing your hanging punctuation from your em-dash” typography. Call me a little bit purist but this bothers me. So, in an attempt to spread the word here’s the first of five simple steps to better typography. Measure the Measure. The Measure is the name given to the width of a body of type. One point = 1/72 of an inchOne pica = 12 pointsOne em = The distance horizontally equal to the type size, in points, you are using. But, with the advent of DTP packages and the website design the following are also now used: MillimetresPixels There is an optimum width for a Measure and that is defined by the amount of characters are in the line. CSS and fluid? What is interesting here is fluid designs on the web. The Measure and leading. Reversing out? Tracking Your responsibility The series Further reading Related:  TYPEFACE & TYPOGRAPHY

A history and some revival fonts < The Fell Types The Fell Types took their name from John Fell, a Bishop of Oxford in the seventeenth-century. Not only he created an unique collection of printing types but he started one of the most important adventures in the history of typography. You will find here a non-exhaustive history and a modern digitization of some of them. Typography Daily 85 Amazing Typography Tutorials The web is brimming with typography tutorials, but many are low quality and others are very out of date. So we’ve trawled the internet to uncover the diamonds in the rough, in the form of 50 top-quality typography tutorials, to bring your knowledge and skills up to speed. Get Creative Cloud Perhaps you’re looking for a good introduction to the fundamentals of typography? We’ll be adding to this list as time moves on, so make sure you bookmark this fantastic resource, and come back from time to time to see what’s new in the world of typography tutorials. We'll start by looking at tutorials to help you with mastering the fundamentals of typography – skip through to another page if you're after something more advanced. 01. Not sure exactly what typography terms mean? Six further terms (tracking, widows and orphans, serif fonts, sans-serif fonts and script & cursive fonts) are explained in part two, which you can watch here. 02. 03. 04. 05. 06. 07. 08. 09. 10.

Sex Drugs & Helvetica 10 alternatives to Helvetica 50 Inspiring Typographic Artists … and me | Moonsail design | Branding, graphic design, typography and web design I put the call out on Facebook and Twitter recently to see which typographers and calligraphers were inspiring people at the moment. The results were interesting, because very few of them were “typographers” in the true sense of the word, in that, they don’t “arrange typefaces for print”. What they do, is actually use typographic forms in an artistic, or “illustrative” way. In fact, I was interested to see there are very few recognisable typefaces amongst the works of these artists at all, most of them preferring to hand draw their own letterforms from scratch. I’m sure lots of talented people have been missed out, so feel free to add your inspirations in the comments section down below—I’m sure there will be a part 2 to this list pretty soon. Please be aware that the copyright of all these amazing works belong to the artists who made them. 1. Alex is a widely respected typographer, illustrator and designer from Spain with a very impressive list of clients. 2. 3. 4. 5. 6. 7. 8. 9. 10.

Responsive Typography: The Basics by Oliver Reichenstein When we built websites we usually started by defining the body text. The body text definition dictates how wide your main column is, the rest used to follow almost by itself. In the heat of the relaunch I wrote a quick blog post on responsive typography, focussing solely on the aspect of our latest experiment: responsive typefaces. To avoid designing different layouts for every possible screen size, many web designers have adopted the concept of Responsive Web Design. Adaptive layouts: adjusting the layout in steps to a limited number of sizes Liquid layouts: adjusting the layout continuously to every possible width While both have advantages and disadvantages, we believe that adaptive with as few as possible break points is the way to go, because readability is more important than having a layout that is always as wide as the viewport. Note: Responsive design already incorporates a lot of macro typographic issues (type size, line height, columns width). What size?

The Walden Font Co. - Purveyors of old and historic fonts and clip-art Welcome! We resurrect old typefaces of historical importance and make them available to you. Each font package includes typefaces unique to their period, plus printer's ornaments, borders, and symbols. It's everything you need to create period pieces for advertising, business use, book design, educational, and recreational purposes. You've seen our fonts featured in National Geographic Books, ESPN Magazine, book covers, in-store ads, concert posters and many other places. Browse our selection below and see for yourself why for over 10 years Walden Font Co. is the premier source for historical fonts! 32 authentic 1940s fonts as seen in period posters, including Dickie WF, plus a handy bullet font. 30 more 1940s American poster fonts. Buy both and save! 47 bold and grungy Wild West advertising fonts with 300+ clip-art images, border and bullet fonts, including the whimsical "Cattle Brands" 14 authentic Civil War Era fonts from recruitment posters and other printed material of the time.

Superheroes and villains recreated with typography | Typography We've seen plenty of design tributes to our favourite superheroes and villains of late. From making stunning use of negative space to postcard portraits, it's clear that comic book icons are providing a ton of inspiration for new design concepts. Here, Moldova-based artist Midu1995 has illustrated various superheroes and villains with typography. Showcasing the likes of Batman, Iron Man and Bane, he uses words that are often attributed to the character, arranging them until it forms the silhouette. His clever picks have allowed him to effortlessly craft the silhouette of his chosen hero or villain to produce some really inventive artworks. We think these would work great as posters or prints! [via Design Taxi] Like this? Free tattoo fonts for designers Free Photoshop actions to create stunning effects Create a perfect mood board with these pro tips Have you seen some inspiring new work?

10 Principles For Readable Web Typography - Smashing Magazine Advertisement by Matt Cronin Readability is one of the more important aspects of Web design usability. In this post, we’ll explain some Web typography terms and how they play into readability; we’ll present numerous tips to help improve the readability of your content; and we’ll showcase very readable websites, layouts and articles. You may also be interested in the following related posts: The Terms, And What Each Means For Readability There are many factors that play into the readability of text. Hierarchy Every typographic layout needs the essential element of hierarchy. UXBooth5 uses a very clean hierarchy to achieve readable Web typography. Contrast Contrast is the core factor in whether or not text is easy to read. As shown in the following illustration, black on white is very readable. This one, however, pink on blue, is nearly impossible to read. Line Height Line height is a very common term meaning the space between individual lines of text. The Keys to Readable Typography 1. 2. 3.

Periodic Table of Typefaces on the Behance Network Large original English version HERESpanish version HEREPortuguese version HERE PRINTS, SOURCE FILES, and other Periodic Table of Typeface related goodies are available HERE The Periodic Table of Typefaces is obviously in the style of all the thousands of over-sized Periodic Table of Elements posters hanging in schools and homes around the world. As with traditional periodic tables, this table presents the subject matter grouped categorically. Each cell of the table lists the typeface and a one or two character "symbol" (made up by me simply based on logic), the designer, year designed and a ranking of 1 through 100. Ranking was determined by statistically sorting and combining lists and opinions from the the sites listed below. Unfortunately, the typefaces could not be sorted exactly numerically on the table while at the same time keeping them in groups of families and classes. The sites used to determine the rankings are as follows :

Rare Type Specimens at the Open Library (2012 update) Collecting rare specimen books from type foundries can be a really expensive hobby. Luckily there is a growing number of digitized type specimen books available online. The Open Library project offers a free and enjoyable way to browse in those books. The magnifying glass isn’t working yet, but you can download most of these type specimen as PDFs with a sufficient resolution. Here is a selection of the available type specimen books: William Caslon – A specimen of printing types (1785) Caslon: A specimen of cast ornaments (1798) Franklin type foundry, Cincinnati – Convenient book of specimens (1889) Barnhart bros. & Spindler, Chicago – Book of type specimens (1881) Keystone Type Foundry, Philadelphia – Abridged specimen book (1906) Cleveland Type Foundry – Catalogue and book of specimens of type faces (1895) Palmer & Rey, San Francisco – New specimen book (1884) American Type Founders Company – American specimen book of type styles (1912) Inland Type Foundry, St. Related Links:

"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. 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. My “favorite” piece of clothing is probably an outlandish pair of 70s flare bellbottoms that I bought at a thrift store, but the reality is that these don’t make it out of my closet very often outside of Halloween. 2. 1. 2. 3. 4. 5. 3. 4. Time for another clothing analogy:

Related: