background preloader

Five simple steps to better typography

Five simple steps to better typography
– 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. 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. A simple rule is your leading should be wider than your word spacing. Reversing out? Tracking Your responsibility Related:  TYPEFACE & TYPOGRAPHY

Building Books with CSS3 While historically, it’s been difficult at best to create print-quality PDF books from markup alone, CSS3 now brings the Paged Media Module, which targets print book formatting. “Paged” media exists as finite pages, like books and magazines, rather than as long scrolling stretches of text, like most websites. CSS3 allows us to style text, divide it into book pages, and set the page structure as a whole. You can dictate the size of the book, header and footer content, how to display cross references and tables of contents, whether to add guides and bleeds for commercial printing companies, and more. With a single CSS stylesheet, publishers can take XHTML source content and turn it into a laid-out, print-ready PDF. You can take your XHTML source, bypass desktop page layout software like Adobe InDesign, and package it as an ePub file. XML, XSL, XHTML, and PDF processors#section1 Article Continues Below Cost is a factor in adopting this kind of workflow. Building a book#section2 We get this:

Typography Daily 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. 8 Simple Ways to Improve Typography In Your Designs - Smashing Magazine Advertisement Many people, designers included, think that typography consists of only selecting a typeface, choosing a font size and whether it should be regular or bold. For most people it ends there. These details give the designer total control, allowing them to create beautiful and consistent typography in their designs. 1. The measure is the length of a line of type. A simple way to calculate the measure is to use Robert Bringhurst’s method which multiples the type size by 30. I’m using px because it makes the math easier but this also works with em’s. 2. Leading is the space between the lines of type in a body of copy that plays a big role in readability. Many factors affect leading: typeface, type size, weight, case, measure, wordspacing, etc. This takes some finessing to get the right spacing but here is an example of what the code would look like: 3. Hang quotes in the margin of the body of text. This is achieved very easily with CSS using the blockquote element: 4. 5. 6. 7. 8.

Web Design is 95% Typography by Oliver Reichenstein 95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography. Back in 1969, Emil Ruder, a famous Swiss typographer, wrote on behalf of his contemporary print materials what we could easily say about our contemporary websites: Today we are inundated with such an immense flood of printed matter that the value of the individual work has depreciated, for our harassed contemporaries simply cannot take everything that is printed today. With some imagination (replace print with online) this sounds like the job description of an information designer. Macro-typography (overall text-structure) in contrast to micro typography (detailed aspects of type and spacing) covers many aspects of what we nowadays call “information design”. Typography has one plain duty before it and that is to convey information in writing. Too few fonts?

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.

Sex Drugs & Helvetica 10 alternatives to Helvetica AisleOne - Graphic Design, Typography and Grid Systems Web Typography: Educational Resources, Tools and Techniques Web typography has evolved a lot over the last years. Today we see rich, accessible typography, a plethora of type design choices for the web and a number of remarkable, type-based web designs. It’s a great time for web design, and it’s a great time for web typography. Still, being as excited as we are, we should not forget about the foundational principles of good type design on the web and use them properly within our projects. Great choice is good, but, most importantly, we should be making meaningful typographic choices in our designs. In this post we present an extensive overview of educational resources, tools, articles, techniques and showcases all related to web typography. We believe that such round-ups are valuable because they present many useful pointers in one place. Educational Typography Resources Link Kerning Type and Great Typography4 There are lots of tips on the best way to perfectly kern a piece of type. Useful Typography References Link Useful Typography Tools Link

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. [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?

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.

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: