Displaying ligatures on the web with CSS

Screenshot 2015-10-12 00.02.41

Those of us in graphic design are in the know about type features such as ligatures. In typography, a ligature occurs where two or more letters are joined as a single glyph in fonts that support them. A good example of a ligature is the lowercase f and the lowercase i characters. They can be displayed separately, but some fonts contain a ligature glyph of the f and i joined as fi.

Continue reading