https://typeset.lllllllllllllllll.com/

Typeset

An HTML pre-processor for web typography. Typeset provides
typographic features used traditionally in fine printing which
remain unavailable to browser layout engines. Typeset's
processing brings the following to your webpages:

  * Real hanging punctuation
  * Optical margin alignment
  * Small caps detection
  * Soft hyphen insertion
  * Punctuation substitution




Get the code on GitHub   -





How?

Typeset does not require any client-side JavaScript and uses less
than a kilobyte of CSS. Processed HTML & CSS works in Internet
Explorer 5 and without any CSS. Typeset can be used manually or as
a plugin for grunt and gulp.

npm install typeset

Usage

var typeset = require('typeset');
var html = '<p>"Hello," said the world!</p>';

html = typeset(html);

Then tweak Typeset.css to match the metrics of your font and
include it on your page.

Options

Typeset accepts an optional second argument containing
configuration:

  * ignore <string>
    Typeset will not process elements matching this CSS
    selector. Example:

    typeset(html, { ignore: '.skip' });

  * only <string>
    Typeset will only process elements matching this CSS
    selector. Example:

    typeset(html, { only: '.typeset' });

  * disable <array>
    List of Typeset features to disable. The following features
    may be disabled:
      + quotes
      + hyphenate
      + ligatures
      + smallCaps
      + punctuation
      + hangingPunctuation
      + spaces

    Example:

    typeset(html, { disable: ['hyphenate'] });

CLI

npm install -g typeset

Compiles a file to stdout:

typeset-js input.html

Pass an output file as a second argument:

typeset-js input.html output.html

Use the --ignore option to ignore specific CSS selectors:

typeset-js input.html output.html --ignore ".skip"

About

This project started as a collection of libraries I gathered for
Blot. Typeset still runs there in production. This was made
possible by the work of Bram Stein and Dr. Drang. This page is set
in the Plex family by Mike Abbink. Thanks to Matthew Butterick and
Chris Coyier for their help and feedback.

License

This software is dedicated to the public domain and licensed
under CC0.

After Before

   
    Yjarni Sigurdardottir spoke to the EFF from Iceland yesterday: 
    "Light of my life, fire of my florins -- my sin, my soul. The tip of
    the tongue taking a trip to 118deg 19' 43.5''."

    "She's faster than a 120' 4'' whale." Pina coladas were widely
    consumed in Gotterdammerung from 1880-1912. For the low price of
    $20 / year from Exhibits A-E... Then the duplex came forward. "
    Thrice the tower, he mounted the round gunrest, 'awaking' HTML.
    He can print a fixed number of dots in a square inch (for
    instance, 600 x 600)."

    Yjarni Sigurdardottir spoke to the EFF from Iceland yesterday:
    "Light of my life, fire of my florins -- my sin, my soul. The tip
    of the tongue taking a trip to 118deg 19' 43.5"."

    "She's faster than a 120' 4" whale." Pina coladas were widely
    consumed in Gotterdammerung from 1880-1912. For the low price of
    $20 / year from Exhibits A-E... Then the duplex came forward.
    "Thrice the tower, he mounted the round gunrest, 'awaking' HTML.
    He can print a fixed number of dots in a square inch (for
    instance, 600 x 600)."