Typography

Facebook Twitter

Typeface

PRINTERESTING · The thinking person's favorite online resource for interesting printmaking miscellany. Typotheque type foundry - high quality fonts for print and web. The Incredible Em & Elastic Layouts with CSS. Almost a year ago, Ty Gossman over at Stylegala asked me to write an article about elastic layouts.

The Incredible Em & Elastic Layouts with CSS

The best I could do was a quick email between work. I always meant to come good on that. Lost World's Fairs. So you want to create a font. Part 2. Choices, Choices, Choices [ So You Want to Create a Font — Part 1 ] T he sheer number of fonts out there ( MyFonts.com sells over fifty-five thousand) is a testament to the fact that there are nearly an infinitude of creative choices that can be made when designing a font.

So you want to create a font. Part 2

Making Geometric Type Work. For graphic designers beginning to experiment in type design, a geometric or modular typeface is a natural starting point.

Making Geometric Type Work

Illustrator and other programs offer a simple collection of elements such as circles, squares, and triangles which can be combined to create a passable alphabet. This is the same route I took when dissatisfied with the limits of commercial fonts at the time. I twisted and distorted each character to fit into a few simple, incredibly strict rules of construction. Cross-browser kerning-pairs & ligatures. Improved handling of kerning pairs and ligatures in modern browsers using the text-rendering: optimizeLegibility; declaration.

Cross-browser kerning-pairs & ligatures

The declaration is currently supported by: Safari 5, The Webkit Nightlies & Chrome. Firefox already uses optimizeLegibility by default for text sizes above 20px. Caveats Paul Irish was so kind as to pass on a few bugs that have surfaced. In recent versions of Chromium, mixing optimizeLegibility and font-variant: small-caps will cause the small-caps to not render. Learn: Anatomy of a Typeface. Font Directory. GitHub. Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use.

GitHub

To achieve this ambitious goal the following requirements were set: No plug-ins required – it can only use features natively supported by the client Compatibility – it has to work on every major browser on the market Ease of use – no or near-zero configuration needed for standard use cases Speed – it has to be fast, even for sufficiently large amounts of text And now, after nearly a year of planning and research we believe that these requirements have been met.

So, how does it work? Cufón consists of two individual parts – a font generator, which converts fonts to a proprietary format and a rendering engine written in JavaScript. Handpicked free fonts for graphic designers with commercial-use licenses. AisleOne - Graphic Design, Typography and Grid Systems. Typetester – Compare fonts for the screen. PXtoEM.com: PX to EM conversion made simple. Typechart - Browse Web Type, Grab CSS. Inspiration Bit. Typography. I Love Typography, devoted to fonts, typefaces and all things typographical.