Why does the word count look wrong for hyphenated words?

Because the count splits on whitespace, so a hyphenated compound counts as one word and a line break inside a word does not split it either. The figure is there to confirm that a paste arrived intact and to give a rough sense of length, not to produce a manuscript count. For a language that does not separate words with spaces, expect the whole passage to count as one.

Why is tracking in ems here and in pixels elsewhere?

Because this tool is about copy at potentially several sizes. An em-based tracking value scales with the font size, so a setting tuned here stays proportionally correct if the same class is applied at a different size. The display preview uses pixels because nudging a heading by a pixel or two is how that adjustment is actually made.

Which size should I start from for a paragraph?

Around 16px to 19px for body copy, which is why the range starts at 8px rather than at a display size. Below about 16px the measure and leading start to matter more than the face itself, and above 24px the text is a display setting rather than a paragraph. The classification readout tells you which kind of face you are sizing.

Is the exported class responsive?

No. It writes the pixel size, the pixel-domain sizing and the unitless leading exactly as previewed, so it renders the same at every viewport. Converting the font size to rem and, if needed, replacing it with a clamp is the usual next step, and the fluid type scale builder does that conversion properly.

What happens if I leave the text field empty?

The preview falls back to the domain's default sample string, so the panel never renders an empty box. The word and character counts drop to zero, which is the signal that the field is empty rather than that the copy failed to paste.

Custom Text Font Preview

Copy & settings

Font family

Your text

Sizepx

Weight

Letter spacingem

Line height×

Family kindserif

Words9

Characters49

Preview

Racira Fonts — type tools that respect your time.

css output

.custom-preview {
  font-family: 'Fraunces', serif;
  font-size: 32px;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 1.2;
}

You Might Also Need

Font Previewer

Preview any font with custom text and sizes

Font Size Preview

Preview a font at multiple sizes

Waterfall Font Preview

See a font at every size at once

Multi-Font Comparison

Compare several fonts side by side

The custom text font preview is the paste-in-a-paragraph version of the previewer, built for real copy rather than a specimen line. It reports the word and character counts of what you paste and writes the CSS that reproduces the rendering.

What is Custom Text Font Preview?

The custom text font preview takes a block of real copy and four type controls, renders it at the resulting setting and exports the class that produces it.

The family list is the shared catalogue, each entry labelled with its classification so a serif, sans or display face is identified before it is judged.
Size runs from 8px to 120px, weight comes from the catalogue's weight list, and the defaults are a 32px, 500 weight setting for a piece of display copy.
Tracking spans minus 0.1em to 0.4em in steps of five thousandths, and line height spans 0.9 to 2.4 in steps of two hundredths.
The readouts report the family classification, the word count and the character count of the pasted text.
The preview CSS is a single class carrying the stack, the pixel size, the weight, the em letter spacing and the unitless leading.

The word and character counts are what make this the version to reach for when the copy is real rather than a specimen. A headline of four words behaves differently from a pangram, and the counts are the quickest way to see that a paragraph is longer than the container it is being previewed in. Tracking is in ems here rather than pixels, which means the adjustment scales if the same setting is applied at another size, and the preview falls back to the domain's default sample string when the field is empty, so an empty field never renders nothing. The size range starts lower than the display-oriented previewers, at 8px, because the copy being tested may be a caption or a legal line rather than a headline.

Only faces from the shared catalogue can be previewed, and no face metadata is shown beyond its classification.
The word count splits on whitespace, so a hyphenated compound counts as one word and a language without spaces between words counts as one word for the whole passage.
There is no italic control and no per-line or per-paragraph override, so a mixed setting has to be judged in several passes.
The character count includes punctuation and spaces, which is useful for a rough measure but not for a character budget.
Nothing is saved, and the exported class keeps the pixel size, so it is not responsive as written.

Use it when a real sentence or paragraph has to be judged in a candidate face, when a client has supplied their own copy to preview, or when the numbers matter and the length of a line needs checking before it goes into a layout. Where the question is how a face behaves across a range of sizes, the waterfall font preview answers it directly, and where several faces have to be compared on the same copy, the multi-font comparison puts them side by side. The font previewer is the display-oriented sibling, the font size preview answers the size question for a single face, and the waterfall font preview covers the whole ladder if the copy has to hold up at every step.

How to use Custom Text Font Preview

Paste the real copy into the text field, then choose the family, watching the classification readout since it changes what sizes will read well.
Set the size and weight first, then adjust tracking and leading around them rather than the other way round.
Read the word and character counts to confirm the paste is complete and to see how long the passage actually is.
Copy the exported class and, if the same setting is needed at several sizes, convert the pixel size to rem so it scales.

When to use Custom Text Font Preview vs related tools

Reach for it when a specific piece of copy has to be judged in a candidate face, when a paragraph rather than a headline is the thing being set, or when the length of a line needs a numeric check. It is the tool for real content rather than specimens. Where the same copy has to be compared across several faces, the multi font comparison lays them out together, the font size preview narrows the size question, and the waterfall font preview shows the copy down an entire size ladder.

Privacy & Security

This tool runs entirely in your browser — no data ever leaves your device. There is no server round-trip, no upload, no logging, and no account required. Your input is processed locally using client-side JavaScript and is never stored, transmitted, or accessible to anyone else. When you close the tab, everything disappears.