32 lines
666 B
Markdown
32 lines
666 B
Markdown
# Rich typograhy
|
|
|
|
Classes and tweaks for better typography.
|
|
|
|
|
|
## Markup
|
|
|
|
### Abbreviations with spacing
|
|
|
|
<div class="text">
|
|
<p><abbr>PNG</abbr>, <abbr>GIF</abbr> (animated or not) and <abbr>JPEG</abbr> formats.</p>
|
|
</div>
|
|
|
|
### The best ampersand
|
|
|
|
Nuts <span class="amp">&</span> Bolts.
|
|
|
|
### Hanging punctuation
|
|
|
|
Awesome Web Typography with <span class="slaquo"> </span> <span class="hlaquo">“</span>Richtypo”'
|
|
|
|
|
|
## Caveats
|
|
|
|
* Enables ligatures in headings (h1—h6 inside .text and .alpha—.zeta).
|
|
|
|
|
|
## Tools
|
|
|
|
* [richtypo.js](https://github.com/sapegin/richtypo.js) for Node.js.
|
|
* [wp-typohelper](https://github.com/sapegin/wp-typohelper) for Wordpress.
|