Chapter 12: Typography, Layout, and Multimedia Effects

§12.1. Typography; §12.2. The Status Line; §12.3. Footnotes; §12.4. Timed Input; §12.5. Glulx Multimedia Effects

arrow-up-left.pngContents of The Inform Recipe Book
arrow-left.pngChapter 11: Out Of World Actions and Effects
arrow-right.pngChapter 13: Testing and Publishing
arrow-down-right.pngIndexes of the examples

§12.1. Typography

Story files produced by Inform tend not to contain elaborate typographical effects. They would only distract. Like a novel, a classic work of IF is best presented in an elegant but unobtrusive font. Inform does, however, provide for italic and bold-face, and also for a typewriter-style fixed pitch of lettering:

"This is an [italic type]italicised[roman type] word."
"This is an [bold type]emboldened[roman type] word."
"This is a [fixed letter spacing]typewritten[variable letter spacing] word."

Authors making very frequent use of these might like to borrow the briefer definitions in Chanel Version 1.

A very wide range of letter-forms is normally available (and even more in quoted text), so that the writer seldom needs to not worry whether, say, a sentence like

A ticket to Tromsø via Østfold is in the Íslendingabók.

will work. The Über-complète clavier is an exhaustive test of such exotica.

Coloured type is trickier, and its availability depends on the story file format. For a Z-machine story, Garibaldi 2 demonstrates this.

Finally, Tilt 3 combines unusual letterforms (suit symbols) with red and black colours to render hands of cards typographically.


arrow-up.pngStart of Chapter 12: Typography, Layout, and Multimedia Effects
arrow-left.pngBack to Chapter 11: Out Of World Actions and Effects: §11.6. Ending The Story
arrow-right.pngOnward to §12.2. The Status Line

*ExampleGaribaldi 2
Adding coloured text to the example of door-status readouts.

HTML uses angled brackets to achieve effects, and places italicised text between <i> and </i> tags; and similarly boldface between <b> and </b>. We can mimic this very easily by setting each up as a segmented substitution:

paste.png "Chanel Version 1"

To say i -- beginning say_i -- running on: (- style underline; -).
To say /i -- ending say_i -- running on: (- style roman; -).
To say b -- beginning say_b -- running on: (- style bold; -).
To say /b -- ending say_b -- running on: (- style roman; -).

Place Vendôme is a room. "[i]Fashion fades, only style remains the same[/i] ([b]Coco Chanel[/b]). And this elegant drawing-room, once a milliner's shop, is a case in point."

Instead of going nowhere, say "[i]Don't spend time beating on a wall, hoping to transform it into a door.[/i] ([b]Coco Chanel[/b]) This one is a wall.".

Test me with "look / e".

We have had to use square instead of angle brackets, but then, "in order to be irreplaceable one must always be different" (Coco Chanel).

(Marking these as substitutions which run on prevents unexpected paragraph breaks if they should appear immediately after the end of a sentence.)

*ExampleChanel Version 1
Making paired italic and boldface tags like those used by HTML for web pages.

HTML uses angled brackets to achieve effects, and places italicised text between <i> and </i> tags; and similarly boldface between <b> and </b>. We can mimic this very easily by setting each up as a segmented substitution:

paste.png "Chanel Version 1"

To say i -- beginning say_i -- running on: (- style underline; -).
To say /i -- ending say_i -- running on: (- style roman; -).
To say b -- beginning say_b -- running on: (- style bold; -).
To say /b -- ending say_b -- running on: (- style roman; -).

Place Vendôme is a room. "[i]Fashion fades, only style remains the same[/i] ([b]Coco Chanel[/b]). And this elegant drawing-room, once a milliner's shop, is a case in point."

Instead of going nowhere, say "[i]Don't spend time beating on a wall, hoping to transform it into a door.[/i] ([b]Coco Chanel[/b]) This one is a wall.".

Test me with "look / e".

We have had to use square instead of angle brackets, but then, "in order to be irreplaceable one must always be different" (Coco Chanel).

(Marking these as substitutions which run on prevents unexpected paragraph breaks if they should appear immediately after the end of a sentence.)

**ExampleTilt 3
Displaying the card suits from our deck of cards with red and black colored unicode symbols.

***ExampleThe Über-complète clavier
This example provides a fairly stringent test of exotic lettering.