mirror of
https://github.com/clagnut/webtypography.git
synced 2025-09-02 09:33:27 +02:00
15 lines
1.1 KiB
HTML
15 lines
1.1 KiB
HTML
|
|
<blockquote class='quote-from-book'> <p><span class='ic'>“</span>In the world of digital type, it is very easy for a designer or compositor with no regard for letters to squish them into cattle trains and ship them to slaughter.”</p>
|
|
</blockquote>
|
|
<p><abbr title="Cascading Style Sheets">CSS</abbr> does not offer many opportunities for altering the width or shapes of letters. In fact only the <code>letter-spacing</code> property can be applied at all for this purpose, and that simply changes the width of the letters <span class='bracket'>(</span>but not their shape<span class='bracket'>)</span>. The <code>letter-spacing</code> property can however be particularly destructive. Consider this maltreatment of a heading:</p>
|
|
|
|
<pre><code><h2 class="squish">letterfit</h2>
|
|
|
|
h2.squish { letter-spacing: -0.1em; }</code></pre>
|
|
|
|
<p>Resulting in:</p>
|
|
|
|
<div class="ex2-1-9 example">Letterfit is important</div>
|
|
|
|
<p>The result may differentiate itself stylistically from other websites, and that might be fine if the words are not important; legibility is the real loser in this instance.</p>
|
|
|