JS Ligature Replacement

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 text-rendering: optimizeLegibility; declaration in their CSS to encourage context-sensitive kerning and the use of ligatures.

Wyatt Allen’s Ligature.js 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:

• ffl
• ffi
• fl
• fi
• ff
• ij
• IJ

An “extended” mode is available, which replaces these additional combinations:

• ae
• AE
• oe
• OE
• ue
• st

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.