<!DOCTYPE html>
<!-- ========================================== kroc camen of camen design ============================================= -->
<title>link · BIG on Type</title>
<link rel="stylesheet" type="text/css" href="/design/design.css" />
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=no" />
<link rel="alternate" type="application/rss+xml" href="/link/rss" title="Just link" />
<link rel="canonical" href="/link/big_on_type" />
<!-- =================================================================================================================== -->
<header>
	<h1><a href="/" rel="index">
		Camen Design
	</a></h1>
	<nav><ul>
		<li><a href="/">all</a></li>
		<li><a href="/projects">projects</a></li>
		<li><a href="http://forum.camendesign.com">forum</a></li>
	</ul><ul>
		<li><a href="/quote/">quote</a></li>
		<li><a href="/writing/">writing</a></li>
		<li><a href="/blog/">blog</a></li>
		<li><a href="/photo/">photo</a></li>
		<li><a href="/code/">code</a></li>
		<li><a href="/art/">art</a></li>
		<li><a href="/link/" rel="tag">link</a></li>
		<li><a href="/poem/">poem</a></li>
		<li><a href="/audio/">audio</a></li>
	</ul><ul>
		<li><a href="/web-dev/">web-dev</a></li>
		<li><a href="/annoyances/">annoyances</a></li>
		<li><a href="/eve/">eve</a></li>
		<li><a href="/code-is-art/">code-is-art</a></li>
		<li><a href="/inspiration/">inspiration</a></li>
		<li><a href="/windows/">windows</a></li>
		<li><a href="/gift/">gift</a></li>
		<li><a href="/gaming/">gaming</a></li>
		<li><a href="/mac/">mac</a></li>
		<li><a href="/osnews/">osnews</a></li>
		<li><a href="/c64/">c64</a></li>
		<li><a href="/linux/">linux</a></li>
	</ul>
	<a rel="previous" href="/link/zenith">
		older article →
	</a><a rel="next" href="/link/rethinking_publishing">
		← newer article
	</a></nav>
</header>
<!-- =================================================================================================================== -->
<article><header>
	<!-- date published or updated -->
	<time pubdate datetime="2010-01-02T13:03:00+00:00">
		<sup>1:03<abbr>pm</abbr> • 2010</sup>
		<abbr title="January">Jan</abbr> 2
	</time>
	<!-- categories -->
	<ul>
		<li><a href="/link/big_on_type" rel="bookmark tag">link</a></li>
	</ul>
</header>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<h1>BIG on Type</h1>
<a href="http://tang.waik.it/big-on-type/" rel="external">tang.waik.it/big-on-type/</a>
<p>
	Inspirational post by Keefe about font-size in web design and how we have this strange obsession with micro-sized
	fonts, when that goes against every good aspect of readable design.
</p><p>
	Something that Keefe doesn’t mention is that typography on the web has been heavily influenced by font-smoothing
	(or the lack thereof) in web browsers. Clear-type works well for small fonts, but becomes a gnarly mess at about
	13px and above. Designers are a fussy bunch and years of doing things to please IE has left them with the
	overpowering habit of wanting everything to line up to exact pixels rather than trust the browser to do the right
	thing.
</p><p>
	Big type on the web won’t take off until font-smoothing is common on Windows. That may not be too far away as
	Microsoft
	<a href="http://osnews.com/story/22506/Internet_Explorer_9_To_Get_GPU_Rendering_CSS3_HTML5_Support" rel="external">have
	promised</a> 2D accelerated, smoothed fonts in IE9, and Mozilla
	<a href="http://osnews.com/story/22543/Direct2D_Acceleration_Firefox_Measures_up_to_IE9" rel="external">have done
	the same</a> with Firefox. <small>(RISC OS has only been doing font-smoothing since 1992)</small>
</p><p>
	I applaud Keefe for finding the design in his site that allows him to use 16<abbr title=" pixel">px</abbr> text
	elegantly. It’s also a nicely produced HTML5 site. A lot of it is inspired by my own site, but he is the only
	designer I’ve seen who has been able to successfully disassemble my <a href="/design/">complex CSS</a> and put
	it to use elsewhere. I would only say that the date is very sloppy (wrong font, bad spacing) and that he should
	invest in a strict
	<a href="http://sitepoint.com/blogs/2007/04/30/typography-baseline-rhythm-deciphered/" rel="external">reading
	rhythm</a>.
</p>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
</article>
<footer>
	<nav><a href="http://forum.camendesign.com">‹ Discuss this in the Forum ›</a></nav>
		
	<a href="mailto:kroc@camendesign.com">kroc@camendesign.com</a>
	<nav>view-source:
		<a href="/link/big_on_type.rem">Rem</a> •
		<a href="/link/big_on_type.html">HTML</a> •
		<a href="/design/">CSS</a> •
		<a href="/.system/">PHP</a> •
		<a href="/.htaccess">.htaccess</a>
	</nav>
	<form method="get" action="https://duckduckgo.com">
		<input type="hidden" name="sites" value="camendesign.com" />
		<input type="search" name="q" placeholder="search…" />
		<input type="submit" value="Go" />
	</form>
</footer>
<!-- =================================================================================================== code is art === -->