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. It is the typographer’s task to divide up and organize and interpret this mass of printed matter in such a way that the reader will have a good chance of finding what is of interest to him. With some imagination (replace print with online) this sounds like the job description of an information designer. Typography has one plain duty before it and that is to convey information in writing. Books
A Beginner's Guide to Pairing Fonts – Web Design – Tuts+ Tutorials Pairing fonts can be a challenge. Selecting two or more fonts which work well is one thing - selecting two which work together to achieve your typographic aims may have you reaching for the aspirin. Let's see if we can alleviate any headaches. This guide will help you get started with font pairing for the web. Luckily, typography has been around a lo-oong time. Here's a quick breakdown of what we'll cover in this guide: Your Aim Keep the essentials in mind. How Many Fonts Should I Use? How many fonts you throw into the mix is entirely up to you, but bear in mind the overall effect you're trying to achieve. Make sure that there is some charisma in the group though; eight people with little to say just results in a toe-curling wait for the speeches.. It's no longer around, but the Fusion Ads 2011 bundle site sicks in my mind as a great example of successful stack-em-high font use. There are no rules to say you should or shouldn't use a specific number of fonts on a page layout. Quality.
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. XML, XSL, XHTML, and PDF processors#section1 Article Continues Below As the publishing industry moves toward digital-centric workflows, there’s a need for scalability—repeatable processes and workflows that work at small and large scales. For many years, XML has been one way to achieve a scalable multi-destination publishing model. With the combination of major PDF processors and paged media features in CSS3, XML- and XHTML-based publishing can move away from XSL-FO to tap the vast and talented web design community. Cost is a factor in adopting this kind of workflow. Counters#section3
"What Font Should I Use?": Five Principles for Choosing and Using Typefaces 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:
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. 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
50 Helpful Typography Tools And Resources Advertisement We love beautiful typography, and we appreciate the efforts of designers who come up with great typographic techniques and tools or who just share their knowledge with fellow designers. We are always looking for such resources. We compile them, carefully select the best ones and then prepare them for our round-ups. To help you improve the typography in your designs, we’re presenting here useful new articles, tools and resources related to typography. You may be interested in the following related posts: Typography: References and Useful Resources The Taxonomy of TypeThis article’s purpose is to help us as designers to distinguish basic properties of types. Typedia: A Shared Encyclopedia of TypefacesTypedia is a resource to classify, categorize, and connect typefaces. Typeface Anatomy and GlossaryMany fonts have abbreviations in their names. Typographic Marks UnknownThere are many typographic marks which are familiar to most, but understood by few. Finding The Right Type
Typography In philately "typography", especially in the case of 19th century stamps, refers to letterpress printing. Typography is performed by typesetters, compositors, typographers, graphic designers, art directors, manga artists, comic book artists, graffiti artists, clerical workers, and everyone else who arranges type for a product. Until the Digital Age, typography was a specialized occupation. Digitization opened up typography to new generations of visual designers and lay users, and David Jury, Head of Graphic Design at Colchester Institute in England, states that “typography is now something everybody does.”[6] §History[edit] Printing press, 16th century in Germany The essential criterion of type identity was met by medieval print artifacts such as the Latin Pruefening Abbey inscription of 1119 that was created by the same technique as the Phaistos disc. Modern movable type, along with the mechanical printing press, is most often attributed to the goldsmith Johannes Gutenberg. §Scope[edit]