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

Dana Ross

Ligatures.js

Loads Chip Cullen's Ligatures.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.
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.

Alternatives to JS Ligature Replacement

Top alternatives