1. Home
  2. Computing & Technology
  3. Desktop Publishing
photo of Jacci Howard Bear
Jacci's Desktop Publishing Blog

By Jacci Howard Bear, About.com Guide to Desktop Publishing since 1997

How to Finesse a Fraction

Tuesday November 27, 2007
Originally posted about a year ago, I'm reposting this blog and its linked tutorial mostly because I found an amusing link to it recently. Some random blogger named Becky linked to my blog on fractions with the link title "Some random About.com Lady." That just tickled me. But she thought this was linkworthy and I think it's worth bringing up for discussion again. So, enjoy this fraction talk and add your own thoughts as well...

Fraction Redux
A question that comes up now and again is how to type fractions when you have a font that doesn't include that particular fraction. Many fonts contain characters for some common fractions (also known as vulgar fractions) such as: ¼, ½, and ¾. Some fonts may include even more common fractions such as ⅛, ⅝, ⅝, and ⅞. But what do you do when you want to type fractions like 4/16 or 7/9? How do you typeset a uniform set of fractions when your font doesn't contain all the fractions you need?

ready-made and built-up fractions
Pictured: top: ready-made fraction, unformatted fraction, bottom: ready-made fraction, built-up fraction, built-up fraction
Graphic © J. James

First, let's explore the terminology of fractions as used in digital fonts and typesetting:

  • diagonal fraction: uses a diagonal bar to separate the numerator and denominator

  • inline fraction: another name for diagonal fractions

  • horizontal fraction: has a horizontal bar separating the numerator and denominator which sit directly above and below the bar

  • ready-made fraction: those fractions (diagonal or horizontal) that are included as individual characters in a font

  • single keystroke fraction: another name for ready-made fractions

  • built-up fraction: fractions constructed on-the-fly within graphics or page layout software to look like ready-made fractions by using subscript and superscript characters, and slashes or bars

  • case fraction: another name for horizontal fractions; in digital typesetting, sometimes used to also refer to ready-made diagonal fractions

  • real fraction: another name for horizontal fractions; also sometimes used to refer to ready-made fractions or built-up fractions made from using properly sized superior and inferior numerals rather than manually resized characters

  • solidus: a forward slash, sometimes used as the diagonal bar in a fraction

  • fraction slash: the diagonal bar in a diagonal fraction; in some fonts the fraction slash, which may be known as the division slash, is a separate character from the forward slash or solidus found on most keyboards; typically the special fraction or division slash is slightly more angled and a touch thinner than the solidus

Although you could use an expert character set or math font that contains a wide variety of ready-made fractions (as well as individual superior and inferior numerals already sized and spaced to construct any fraction), many designers simply create their own fractions in their graphics or page layout software as needed. Known as built-up fractions, this works fine if you don't need to typeset dozens or hundreds of fractions regularly. While the specific commands may differ from one program to the next, follow these general instructions to create your own typographically correct inline, diagonal fractions.

Comments
October 19, 2006 at 12:28 pm
(1) Dacat says:

Note also that in written English fractions take full-size, i.e. 1/2, 3/4, etc…and ditto for the “th” or “rd” in dates (i.e. 3rd, 4th). The only time you use the smaller script (that dang MS Word defaults to!) is in written math.

November 29, 2007 at 8:32 am
(2) Christine says:

For your Step 2, italicizing the slash (also called a virgule) often helps the figure appear more similar to the ready-made fractions. (Hinted at but not stated in your step.)

I also decrease the character spacing (usu. by -0.02 to -0.03) to match a specific font appearance.

November 29, 2007 at 11:48 am
(3) George says:

Since making the numerator and denominator smaller usually makes them appear as if they were set in the light version of a font, I frequently set these two elements as bold to compensate for the apparent discrepancy in weight. Much depends on the font being used as well as the size.

Leave a Comment

Line and paragraph breaks are automatic. Some HTML allowed: <a href="" title="">, <b>, <i>, <strike>

Explore Desktop Publishing
About.com Special Features

Stay connected and entertained with reviews on tips on the latest HDTVs, cellphones and more. More >

Easy ways to connect two computers for networking purposes. More >

  1. Home
  2. Computing & Technology
  3. Desktop Publishing

©2009 About.com, a part of The New York Times Company.

All rights reserved.