Actually, if you view the source of the sample page, all it is doing is using CSS along with <span> tags and HTML character entities:
<div class="fixed">
<h2><span class="dquo">“</span>Jayhawks” <span class="amp">&</span>
<span class="caps">KU</span> fans act extremely obnoxiously</h2>
<p>By <span class="caps">J.D.</span> Salinger, Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
magna aliqua. “Excepteur sint occaecat ‘cupidatat’ non
proident” sunt <span class="caps">RFID22</span> in…. </p>
</div>
And it uses this style block:
<style type="text/css" media="screen">
/* ------ demo display css ------*/
body { padding: 18px 45px; }
#page { width: 550px; }
h2 {font-family:georgia; font-weight:normal; }
.caps {font-size:.92em;}
.amp {color:#666; font-size:1.05em;font-family:"Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua",serif; font-style:italic;}
.dquo {margin-left:-.38em;}
div.about {background:#ddd; padding:1em; margin-bottom:1em;}
.about h1 {font-size:1.3em; border-bottom:1px solid #bbb; margin:0 0 4px 0; padding:0 0 4px 0; line-height:1;}
.about p { margin:0;}
</style>