Edit the HTML, or paste your own.
Before
After · 52 changes
Double quotes quotes.double 6
  • " → “ …On Typesetting for the Web “Typography exists to honor c…
  • " → ” …phy exists to honor content,” wrote Robert Bringhurst -- …
  • " → “ …y, but they don't know that “quotes" should curl, that 10…
  • " → ” …they don't know that "quotes” should curl, that 10 kg sho…
  • " → “ … sit alone on its own line. “The details are not the deta…
  • " → ” …tails. They make the design.” Dr. Smith's notes run from …
Single quotes quotes.single 2
  • ' → ‘ …itals. Take a sentence like ‘it's the 1990's all over aga…
  • ' → ’ …s the 1990's all over again.’ A careful typesetter would …
Apostrophes quotes.apostrophe 7
  • ' → ’ …t text quickly, but they don’t know that "quotes" should …
  • ' → ’ …uld curl, that 10 kg shouldn’t break across a line, or th…
  • ' → ’ …ls. Take a sentence like 'it’s the 1990's all over again.…
  • ' → ’ …sentence like 'it's the 1990’s all over again.' A careful…
  • ' → ’ …oper apostrophes, and wouldn’t let the last word of a par…
  • ' → ’ … make the design." Dr. Smith’s notes run from pp. 10-24, …
  • ' → ’ …the 1st and 2nd drafts. They’re worth a look.…
Ellipsis punctuation.ellipsis 1
  • ... → … …p. 10-24, covering 1969-1972… and the 1st and 2nd drafts.…
Range dashes punctuation.enDashRange 2
  • - → – …mith's notes run from pp. 10–24, covering 1969-1972... an…
  • - → – …rom pp. 10-24, covering 1969–1972... and the 1st and 2nd …
Em dashes punctuation.emDash 1
  • -- → — …nt," wrote Robert Bringhurst—and the web, for all its rea…
Ordinals numbers.ordinals 2
  • st in .setwell-ord …ering 1969-1972... and the 1st and 2nd drafts. They're wor…
  • nd in .setwell-ord …69-1972... and the 1st and 2nd drafts. They're worth a loo…
Numbers and units breaks.numbersUnits 2
  • → ␣ …quotes" should curl, that 10␣kg shouldn't break across a …
  • → ␣ …. Smith's notes run from pp.␣10-24, covering 1969-1972...…
Names breaks.honorifics 1
  • → ␣ …. They make the design." Dr.␣Smith's notes run from pp. 1…
Dashes breaks.dashes 3
  • inserted → ⁀ … wrote Robert Bringhurst -- ⁀and the web, for all its rea…
  • inserted → ⁀ …ith's notes run from pp. 10-⁀24, covering 1969-1972... an…
  • inserted → ⁀ …om pp. 10-24, covering 1969-⁀1972... and the 1st and 2nd …
Widows breaks.widows 5
  • → ␣ …On Typesetting for the␣Web "Typography exists to ho…
  • → ␣ …A looks too loud set in full␣capitals. Take a sentence li…
  • → ␣ …ragraph sit alone on its own␣line. "The details are not t…
  • → ␣ …t the details. They make the␣design." Dr. Smith's notes r…
  • → ␣ … 2nd drafts. They're worth a␣look.…
Soft hyphens hyphenate.soft 11
  • inserted → ‐ …pography exists to honor con‐tent," wrote Robert Bringhur…
  • inserted → ‐ …ll its reach, has rarely hon‐ored it. Browsers lay out te…
  • inserted → ‐ …in full capitals. Take a sen‐tence like 'it's the 1990's …
  • inserted → ‐ …90's all over again.' A care‐ful typesetter would write i…
  • inserted → ‐ … over again.' A careful type‐setter would write it with p…
  • inserted → ‐ …er again.' A careful typeset‐ter would write it with prop…
  • inserted → ‐ …ld write it with proper apos‐trophes, and wouldn't let th…
  • inserted → ‐ …write it with proper apostro‐phes, and wouldn't let the l…
  • inserted → ‐ … let the last word of a para‐graph sit alone on its own l…
  • inserted → ‐ …otes run from pp. 10-24, cov‐ering 1969-1972... and the 1…
  • inserted → ‐ …es run from pp. 10-24, cover‐ing 1969-1972... and the 1st…
Small caps marks.smallCaps 1
  • NASA in .setwell-caps …ne, or that an acronym like NASA looks too loud set in full …
Optical letters marks.opticalLetters 2
  • O in .setwell-pull-o …On Typesetting for the Web "T…
  • T in .setwell-pull-v … loud set in full capitals. Take a sentence like 'it's th…
Hanging punctuation marks.hanging 6
  • “ in .setwell-pull-double …On Typesetting for the Web "“ypography exists to honor co…
  • <span class="setwell-push-double"></span> inserted …ly, but they don't know that‸ "quotes" should curl, that …
  • “ in .setwell-pull-double …, but they don't know that "“uotes" should curl, that 10 …
  • <span class="setwell-push-single"></span> inserted …pitals. Take a sentence like‸ 'it's the 1990's all over a…
  • ‘ in .setwell-pull-single …tals. Take a sentence like '‘t's the 1990's all over agai…
  • “ in .setwell-pull-double …sit alone on its own line. "“he details are not the detai…