Ngrafik. Like ngrafik's posters? Share: like our project? CSS Typography: Examples and Tools. In the previous part of this series, we discussed some techniques and best practices for CSS typography. Let’s now delve into the subject further by looking into some case studies, tools, as well as a showcase of excellent CSS typography on the web. This is the third part of a three-part series of guides on CSS typography that will cover everything from basic syntax to best practices and tools related to CSS typography. Case Studies on CSS Typography Tutorials and theories can be great, but nothing says proof like a case study. Here are a handful of studies that can provide you with some real-world insights regarding typography on the web.
Southern Savers Case Study: Typography Serif Fonts vs. Fixing Web Fonts, A Case Study Ten Great Free Fonts Cross-Browser: A Case Study in @Font-Face CSS Typography Tools Below is a collection of typography-related tools, with most being geared toward helping you work with CSS typography. Typographic Grid Baseline Typograph TypeTester FontTester Typechart PX to EM. Web font hosting services - An Overview - by sprungmarker.de.
Typedia: A Shared Encyclopedia of Typefaces. CopyPasteCharacter.com. The library of the Gutenberg Museum. By Dan Reynolds I. Introduction Large or small, letters seem to inhabit their own universe. Re-arrangeable in any combination, they can spell out all conceivable messages, be they poetic, bureaucratic, or anything in between. But sometimes a text is just about its letters themselves, not an object to be read, but one to be looked at. Type specimens have taken various forms over the centuries, from posters to postcards and from primers to pamphlets.
In fact, this web ‘page’ that you are reading now is also a type specimen, at least of some sort. II. Figure 1: Oversize type specimen from Johann Erasmus Luther’s typefoundry, the Luther’sche Schriftgießerei. For hundreds of years, this small German city along the Rhine has been known for Johannes Gutenberg and his invention — printing with movable metal type. Figure 2: 1785–1786 specimen from William Caslon’s foundry in Great Britain (dimensions not recorded by the author).
III. Figure 3: Detail from Johann Erasmus Luther’s 1678 specimen. Web font hosting services - An Overview - by sprungmarker.de.