How to compare a font at 12 and 18 pixels

A font that looks clear at 18 pixels can become cramped or hard to read at 12. Comparing the two sizes side by side helps you choose a typeface for small interface labels, captions, or larger text without relying on memory.

Use the Installed Fonts tool to preview the same text in fonts available on your computer. For a useful comparison, keep the words and viewing conditions the same while changing only the font size.

Compare the font sizes

1. Open Installed Fonts in Chrome or Edge on a computer. This tool may be limited or unavailable in other browsers.
2. Enter a short sample that includes the characters you need to judge. For general text, try a sentence with uppercase and lowercase letters, numerals, and punctuation.
3. Choose a font from the list and view the sample at 12 px. Look at the shape of small letters, the gaps inside letters such as a and e, and whether neighboring characters run together.
4. Keep the font and sample unchanged, then view the same text at 18 px. Compare the forms and spacing rather than judging one size from memory.
5. Repeat the comparison for other fonts you are considering. If the sample changes, return to the same text before comparing the next font.

Use the preview's size control to set the two values, if available. Avoid changing browser zoom to imitate a font-size change: zoom scales the whole page and does not provide a controlled comparison between 12 px and 18 px text.

What the result means

The 12 px sample is clear and easy to scan

The font preserves useful details at a small size on your current screen. Check the letters that matter for your use. For example, make sure I, l, and 1 are easy to tell apart if the font will appear in codes, tables, or forms.

The 12 px sample looks crowded or uneven

Some letters may have narrow openings, tight spacing, or shapes that blur together when rendered small. Try another font, or consider using a larger size for that text. A preview can help you spot the issue, but it cannot decide whether the text will be comfortable for every reader.

The 18 px sample looks much better

That may be a good size for text that needs to stand out or be read at a glance. It does not mean the font is unsuitable at 12 px for every purpose. Small labels and longer reading text have different needs, so judge the font at the size where it will actually appear.

Two fonts look almost identical

Compare specific details instead of the overall impression. Look at letter width, the height of lowercase letters, the shape of g and a, punctuation, and the spacing between pairs such as rn. A sample containing only a few letters may not reveal the differences that matter in your own text.

Make the comparison fair

Use one sample for every font and size. A short line is quick to scan, but include enough variety to reveal the font's character. If you are choosing a font for a particular project, use a real phrase from that project as well as a general sample.

• Keep the conditions steady. Compare the previews in the same browser window and at the same zoom level. Do not resize the window between checks.
• Check more than one kind of text. A font may work well for a heading but make a paragraph feel dense. Try a short label and a few lines of ordinary reading text.
• Look at the details you need. For numbers, compare digits such as 0 and 8. For names or codes, check easily confused letters and punctuation.
• Judge the intended use. If the text will be viewed from a distance, on a small screen, or in a dim setting, check it in that context too. A browser preview cannot reproduce every device or viewing condition.

Why 12 pixels may not look physically 12 pixels tall

A font size of 12 px in a browser usually means 12 CSS pixels, a unit used for laying out web pages. The browser and operating system map CSS pixels to the physical pixels on your screen. Display scaling, browser zoom, and the screen's pixel density can affect how large the preview looks to your eyes.

That is why the comparison is most reliable for judging the font's relative appearance at 12 and 18 px under the same conditions. It does not measure the height of the printed letters with a ruler, and the result may look different on another display. For a final choice, check the font in the app or page where you plan to use it.