Dana Ross

NOTE: This plugin has outlived its usefulness. You can use it if you need to support legacy browsers, but modern web sites should be using the <code>text-rendering: optimizeLegibility;</code> declaration in their CSS to encourage context-sensitive kerning and the use of ligatures.
Wyatt Allen’s <a href="http://code.google.com/p/ligature-js/" rel="nofollow ugc">Ligature.js</a> library is a tool for automatically inserting ligatures in content where appropriate. Ligatures are glyphs that combine two letter forms into one for stylistic and legibility reasons.
By default, this script replaces letter combinations which commonly have ligatures defined in web fonts:
<ul>
<li>ffl</li>
<li>ffi</li>
<li>fl</li>
<li>fi</li>
<li>ff</li>
<li>ij</li>
<li>IJ</li>
</ul>
An “extended” mode is available, which replaces these additional combinations:
<ul>
<li>ae</li>
<li>AE</li>
<li>oe</li>
<li>OE</li>
<li>ue</li>
<li>st</li>
</ul>
The configuration screen lets you pick which text on your site gets ligatures using CSS selectors, and has a checkbox for enabling the “extended” ligatures. Use this plugin to enhance readability in headlines and flavor text on your site.

JS Ligature Replacement

Ligature replacement using Wyatt Allen's ligature.js library and provides an interface for applying to a specific set of CSS selectors.

NOTE: This plugin has outlived its usefulness. You can use it if you need to support legacy browsers, but modern web sites should be using the <code>text-rendering: optimizeLegibility;</code> declaration in their CSS to encourage context-sensitive kerning and the use of ligatures.
Chip Cullen’s <a href="http://chipcullen.com/ligatures/" rel="nofollow ugc">Ligatures.js</a> plugin for jQuery is an extremely lightweight tool automatically inserting ligatures in content where appropriate. Ligatures are glyphs that combine two letter forms into one for stylistic and legibility reasons.
Since it depends on fonts for ligature rendering, it’s limited to the four ligatures that are reliably supported: fi, fl, AE, and ae.
The configuration screen lets you pick which text on your site gets ligatures using CSS selectors. Use this plugin to enhance readability in headlines and flavor text on your site.

Ligatures.js

Loads Chip Cullen's Ligatures.js library and provides an interface for applying to a specific set of CSS selectors.

JS Ligature Replacement vs Ligatures.js