Sample Documents

Dictionary

Dictionaries often use multi-column layout to save space, and running headers indicate keyword entries on that page. Notice how letters are rotated and shown on tabs on the side of right pages. The fonts used in the PDF version are Satyr and Faunus, made by Monokrom. Archive.org has a scanned copy of the printed edition of this Old Icelandic dictionary from 1910.

HTML PDF

Invoices

Prince is often used to generate PDF invoices from HTML pages; customers first see the invoice on their screen, and then receive a printable PDF version of the invoice. Often, the PDF document isn't printed, but is stored for the record. Here you will find two examples of invoices, one colorful with SVG images, and one more conservative.

HTML PDF
HTML PDF

Textbook

Sidenotes are often placed in the outside margin of textbooks, and in the PDF version of document they alternate between left and right side. Figures and tables float to the top and bottom of pages, and wide content extend into margins.

HTML PDF

Scientific Journal

The USENIX conference Proceedings has a two-column layout with figures floating to the top and bottom. In the HTML source of this sample document, references are inline but appear at the end by way of JavaScript.

HTML PDF

Blue-sky printing

This sample uses a variety of fancy techniques for effect: JavaScript, multi-column layout, rotated text, CSS3 transforms, and page bleeds.

HTML PDF

Reconstructed Essay

Thomas Malthus published his essay on Principles of Population in 1798. At the time, the descending "s" was in fashion and this reconstruction uses the 'text-replace' property to recreate the original printed book (Archive.org has a scanned copy). Also, the document uses ligatures and the Table of Contents is generated with a script.

HTML PDF

Product Catalogs

This sample shows how content from a website can be reused to make a beautiful product catalogs. Product catalogs should be available on the web and in print. Typically, images and text about the products are stored in a databased and pulled into web pages for online viewing, and into PDF files for printing. This example shows how HTML can be the basis for both web pages and for the catalog. Although the HTML code is slightly different, the underlying data is the same.

Website HTML Catalog HTML, PDF

Brochure

The web sometimes feels like a collection of brochures. If so, it should be possible to make paper-based brochures from the web. Here is an examle.

HTML PDF

The magic of Prince

This document was an early demonstrator of many features we now take for granted in CSS. The 13k source document showcases multicolumn layout, SVG, rounded borders, hyphenation, and automatic counters. Also, some page-specific features are used: page floats, footnotes, and PDF bookmarks. And math!