Lettering.js is a lightweight jQuery plugin for gaining fine-grained control over web typography. It works by wrapping individual letters, words, or lines in numbered span elements that can be styled independently with CSS. This makes it useful for custom headings, typographic posters, kerning adjustments, and other decorative text treatments. The plugin preserves selectable text rather than replacing words with images or canvas rendering. Accessibility support adds an ARIA label to the parent while hiding generated child spans from screen readers. It requires jQuery and is intentionally simple, focusing on text segmentation rather than animation or layout. The project is best suited to selective display typography instead of wrapping large amounts of body text.
Features
- Per-letter text wrapping
- Word-level text segmentation
- Line-level text segmentation
- Numbered CSS classes for precise styling
- ARIA-based screen reader support
- Selectable text with custom typography