# Typography for the Web


- Presented on: 25-Oct-2010
- Event: Tenmiles Internal Seminar
- Locations: India, Chennai
- Slides: <iframe class="speakerdeck-iframe" style="border: 0px none; background: rgba(0, 0, 0, 0.1) padding-box; margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 420;" src="https://speakerdeck.com/player/4e85838baac4860050004ea0" title="Typography for the Web" allowfullscreen="true" data-ratio="1.3333333333333333" frameborder="0"></iframe>
- Tags: Education, Design, Typography
- URL: https://miranj.in/blog/2011/typography-web


The web is at its most powerful when used as a communication medium. Even as it evolves supporting [_richer_ formats][html5 video] every day, text remains the most basic and widely used format for expressing ourselves online. Ubiquitous almost. And given this ubiquity, it becomes pretty important for web designers to ensure that the message contained in those letters and words is conveyed as efficiently as possible. In fact, Oliver Reichenstein makes a compelling argument that [95% of web design is typography][95%].

Typography is an important part of written communication, but not its sum total. There are other aspects like engagement and clarity that are just as important. This presentation thus begins by highlighting the process, setting the priorities right. It then goes on to some basic guidelines one can follow to improve the readability of the written word, and ends with a tease into some of the finer aspects of typography. The presentation concludes with two clips from [Gary Hustwit's][gary] [excellent][1] [design][2] [trilogy][3] that you can watch on YouTube: [Michael Bierut on Helvetica][helvetica] and [Deiter Rams on Good Design][design].

Like any worthy skill, grasping typography requires time and effort. Serious web designers would do well to invest both. This presentation though was made to serve as a starting point / basic introduction to the subject. Hope it helps!


[html5 video]:http://developers.whatwg.org/the-iframe-element.html#the-video-element
[95%]:http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/
[helvetica]:http://www.youtube.com/watch?v=VDLPAE9wLEU
[design]:http://www.youtube.com/watch?v=HGPIqGi7MWY
[Gary]:http://twitter.com/gary_hustwit
[1]:http://www.helveticafilm.com/
[2]:http://www.objectifiedfilm.com/
[3]:http://urbanizedfilm.com/