A jQuery plugin for radical web typography

Web typography used to be something of an oxymoron, but recent browser advances and tools like Typekit have helped bring web typography out of the dark ages with custom fonts. Thanks to JavaScript libraries like Lettering.js you can tweak those custom fonts — targeting specific words or letters — and adjust them to your liking.

Lettering.js even makes it possible to do custom kerning on the web. Kerning refers to the space between characters in proportional width fonts. CSS has long offered the letter-spacing property, but because it applies to an entire element — for example an h2 tag — what you’re really doing with letter-spacing is adjusting the tracking.

Share this Story
  • Art

    Geometric Pattern: Zellij: Antique / Red Wolf

    Geometric Pattern: Zellij: Parchment (Redbubble | Spoonflower) Geometric Pattern: Zellij: Oxide (Redbubble | Spoonflower) Geometric Pattern: Zellij: Julio (Redbubble | Spoonflower) ...
  • Art

    Geometric Pattern: Zellij: Gemstone White / Red Wolf

    Geometric Pattern: Zellij: Aubergine White (Redbubble | Spoonflower) Geometric Pattern: Zellij: Azure White (Redbubble | Spoonflower) Geometric Pattern: Zellij: Emerald White ...
  • Art

    Geometric Pattern: Zellij: Gemstone Black / Red Wolf

    Geometric Pattern: Zellij: Aubergine Black (Redbubble | Spoonflower) Geometric Pattern: Zellij: Azure Black (Redbubble | Spoonflower) Geometric Pattern: Zellij: Emerald Black ...
  • Art

    Geometric Pattern: Zellij: Gemstone Light / Red Wolf

    Geometric Pattern: Zellij: Aubergine Light (Redbubble | Spoonflower) Geometric Pattern: Zellij: Azure Light (Redbubble | Spoonflower) Geometric Pattern: Zellij: Emerald Light ...
  • Art

    Geometric Pattern: Zellij: Gemstone Dark / Red Wolf

    Geometric Pattern: Zellij: Aubergine Dark (Redbubble | Spoonflower) Geometric Pattern: Zellij: Azure Dark (Redbubble | Spoonflower) Geometric Pattern: Zellij: Emerald Dark ...
  • Art

    Geometric Pattern: Zellij: Moderna / Red Wolf

    Geometric Pattern: Zellij: Merlot (Redbubble | Spoonflower) Geometric Pattern: Zellij: Terrigal (Redbubble | Spoonflower) Geometric Pattern: Zellij: Sinensis (Redbubble | Spoonflower) ...
Load More Related Articles
  • Art

    Geometric Pattern: Zellij: Antique / Red Wolf

    Geometric Pattern: Zellij: Parchment (Redbubble | Spoonflower) Geometric Pattern: Zellij: Oxide (Redbubble | Spoonflower) Geometric Pattern: Zellij: Julio (Redbubble | Spoonflower) ...
  • Art

    Geometric Pattern: Zellij: Gemstone White / Red Wolf

    Geometric Pattern: Zellij: Aubergine White (Redbubble | Spoonflower) Geometric Pattern: Zellij: Azure White (Redbubble | Spoonflower) Geometric Pattern: Zellij: Emerald White ...
  • Art

    Geometric Pattern: Zellij: Gemstone Black / Red Wolf

    Geometric Pattern: Zellij: Aubergine Black (Redbubble | Spoonflower) Geometric Pattern: Zellij: Azure Black (Redbubble | Spoonflower) Geometric Pattern: Zellij: Emerald Black ...
  • Art

    Geometric Pattern: Zellij: Gemstone Light / Red Wolf

    Geometric Pattern: Zellij: Aubergine Light (Redbubble | Spoonflower) Geometric Pattern: Zellij: Azure Light (Redbubble | Spoonflower) Geometric Pattern: Zellij: Emerald Light ...
  • Art

    Geometric Pattern: Zellij: Gemstone Dark / Red Wolf

    Geometric Pattern: Zellij: Aubergine Dark (Redbubble | Spoonflower) Geometric Pattern: Zellij: Azure Dark (Redbubble | Spoonflower) Geometric Pattern: Zellij: Emerald Dark ...
  • Art

    Geometric Pattern: Zellij: Moderna / Red Wolf

    Geometric Pattern: Zellij: Merlot (Redbubble | Spoonflower) Geometric Pattern: Zellij: Terrigal (Redbubble | Spoonflower) Geometric Pattern: Zellij: Sinensis (Redbubble | Spoonflower) ...
Load More By Red Wolf
Load More In Design

Leave a Reply

Your email address will not be published. Required fields are marked *

Check Also

Geometric Pattern: Rondel Diamond: Antique / Red Wolf

Geometric Pattern: Rondel Diamond: Parchment (Redbubble | Spoonflower) ...

Photos from Flickr