Lorem Ipsum, set in a real font
Generate filler text and see it in any of the 94 typefaces in this archive — at the size you will actually use, in the colours you are actually considering, inside a frame you can drag to the width of the column it has to fit. Every setting is in the address bar, so a layout you like can be sent to somebody else.
Text
Paragraph length
Typography
Colour
Pairings
Contrast
18.11:1
- AA bodyPass · needs 4.5:1
- AAA bodyPass · needs 7:1
- AA largePass · needs 3:1
- AAA largePass · needs 4.5:1
Preview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tempor atque eligendi minim eiusmod elit rerum quos veniam occaecati, deserunt ad reprehenderit sunt officia duis. Nostrud quod dolore dolores vero est accusamus iusto, ad non cum consectetur culpa omnis tempor dignissimos. Occaecat elit culpa mollitia velit placeat, non blanditiis duis deleniti expedita soluta.
İpsum proident irure iusto sunt odio dolores odio eiusmod commodo cupidatat cupidatat, tempore labore optio. Animi libero sit pariatur enim laborum blanditiis quas mollit atque fugiat dolore omnis consectetur, ea commodo. Fuga duis assumenda voluptate culpa officia culpa dolore laborum accusamus, mollitia possimus. Fuga laboris omnis dolore possimus, dignissimos lorem occaecati cumque occaecat irure nam nam expedita. Labore quod provident laborum adipiscing, consequat cum nostrud veniam ex commodo placeat commodo enim deleniti ducimus.
Optio cillum harum voluptatum accusamus dolor dolores, cupiditate officia harum cum est. Vero est maxime minim deleniti incididunt minus quis accusamus, elit dolorum rerum. Optio deleniti duis ipsum nobis et, ex nisi mollitia eligendi similique officia.
Why anyone sets type in words they cannot read
Filler text solves a problem that only appears once you start designing: real copy is interesting, and interest is the enemy of judging a typeface. Show a client a page of their own words and they will read the words. Show a designer a page of their own words and they will edit them. Neither of those is the question in front of you, which is whether the line length is comfortable, whether the paragraphs sit well against each other, and whether the face holds up for twenty lines rather than five.
Latin does that job by accident of history. The passage everyone uses is a mangled extract from Cicero that a printer cut up some time in the sixteenth century to make a type specimen, and it survived because it has roughly the letter distribution of European text without being readable as language. Your eye takes in the colour and the rhythm of the page and skates over the meaning, because there is not any.
That is also its limitation, and the reason there are three options here. Latin has no w and almost no k, so a typeface can pass a Lorem Ipsum test and still have an awkward one of each. It has no accents at all, which is a problem if the work is not going to be in English either. Plain English shows you what a language you actually read looks like in the face — you will notice spacing you would otherwise skim past. And Turkish is the one worth reaching for deliberately: it needs ı, İ, ğ, ş, ö, ü and ç, and a font that has never been tested on them will show you exactly where its designer stopped.
The frame is the point
Type does not have a size, it has a size in a space. A face that looks generous at 18px across a wide browser window can be unreadable in a 320px column, and you find that out by putting it in a 320px column rather than by thinking about it. Drag the edges of the frame and the text reflows the way it will on the page; when it stops fitting the frame says so instead of quietly growing, which is the same behaviour a text frame has in InDesign and for the same reason.
The colour controls are there for the same kind of honesty. Most type is not black on white, and the moment it is not, legibility becomes a measurable thing rather than a matter of taste. The contrast ratio beside the pickers is the WCAG one, computed from the two colours you chose, with the thresholds that matter for body text and for headings.