hanging punctuation

Image:Hanging punctuation.svg

Hanging punctuation or exdentation is a microtypographic technique of typesetting punctuation marks and bullet points, most commonly quotation marks and hyphens, further towards the edge so that they do not disrupt the ‘flow’ of a body of text or ‘break’ the margin of alignment. It is so called because the punctuation appears to hang in the margin of the text and is not incorporated into the block or column of text. It is commonly used when text is fully justified.

History

The style was used by Gutenberg in the Gutenberg Bible, the first book printed in Europe.

Few desktop publishing applications allow for automatic hanging punctuation. This often requires manual intervention by the designer or typographer, or the use of drawing software which supports this feature, or the use of sophisticated typesetting tools. PdfTeX, a variant of the TeX typesetting program, has microtypographic capabilities that allow for semi-automatic hanging punctuation.{{cite web |url=http://www.tug.org/TUGboat/Articles/tb25-1/thanh.pdf |title=Micro-typographic Extensions of PdfTeX in Practice |author=Hàn Thế Thành |date=19 March 2005 |access-date=16 January 2017 }} Arbortext APP (formerly 3B2), QuarkXPress, Adobe InDesign and Corel Ventura are desktop publishing applications which offer automatic support for hanging punctuation.

The blogging platform Medium implemented hanging quotes in 2014.{{cite web |url=https://medium.design/ive-been-asked-to-report-to-this-office-efc664bcbc5f |title=I've been asked to report to this office |author=Marcin Wichary |work=Designing Medium |publisher=Medium |date=28 July 2014 |access-date=8 June 2017 }}

A proposal to add hanging punctuation property to CSS was added to the W3C Working Draft in 2018.{{Cite web|url=https://www.w3.org/TR/css-text-3/#propdef-hanging-punctuation|title=CSS Text Module Level 3|date=2018-12-12|website=W3C Working Draft|publisher=W3C|access-date=2019-07-22}} It is supported in Safari 10+.[https://caniuse.com/css-hanging-punctuation CanIUse]/[https://developer.mozilla.org/en-US/docs/Web/CSS/hanging-punctuation#browser_compatibility MDN]

Related concepts

A related concept is optical margin alignment; letters such as W are set slightly into the margin to create an illusion of balance of white space.

References

External links

{{cite web |url=http://www.artlebedev.com/mandership/120/ |title=§ 120. Hanging punctuation |author=Artemy Lebedev |author-link=Artemy Lebedev |date=19 October 2005 }}
{{cite web |url=http://markboulton.co.uk/journal/five-simple-steps-to-better-typography-part-2 |title=Five simple steps to better typography — Part 2 |author=Mark Boulton |date=18 April 2005 |access-date=20 May 2015 |archive-url=https://web.archive.org/web/20190128052832/https://markboulton.co.uk/journal/five-simple-steps-to-better-typography-part-2 |archive-date=28 January 2019 |url-status=dead }}

Category:Typography