Raised cap or drop cap?

A raised cap sits on the first baseline and rises above it, so the paragraph keeps its normal line count. A drop cap sinks into the block and displaces lines. Use raised when the opening should stay calm and dropped when it should dominate.

Why does a raised cap need a long first line?

The cap is floated, so the first line's words must be long enough to wrap past it. A short opening line lets the following line slide under the ascender, which is exactly the failure the preview is there to catch.

Are the small caps real or synthesised?

They are synthesised unless the face ships a dedicated small-cap cut, so the browser draws scaled capitals. That is acceptable for most interfaces but visible in a long run of text.

What does the rise figure mean?

It is the height of the raised cap above the first baseline, modelled from the scale, the body size and a 0.7 cap-height factor. Treat it as an estimate and confirm the result visually.

Why is there no indent control?

The raised initial is a float, so the first line clears it by construction and no text-indent is needed. Wrap-indent tuning belongs to the drop cap construction instead.

Initial Cap Styler

Opening style

Raised capSmall capFirst word in capsNo initial

Face

Body sizepx

Line height×

Initial scaleem

Cap trackingem

Opening paragraph

Applied styleraised

Raised cap rise21.3px above the first baseline

First-line indentnone needed (float clears)

Preview

An initial cap opens a chapter; a raised cap opens a page. The distinction is the number of lines the letter occupies — a dropped cap sinks into the text block, a raised cap sits on the first baseline and rises above it, and a small cap matches the first line's capitals without changing the line count.

A raised cap only works when the first line has enough words to clear the float; a two-word opening line lets the second line slide under the ascender. Check with the real copy, not with a lorem-filled paragraph.

css output

.chapter-opening { font-family: 'Source Serif 4', serif; font-size: 1.0000rem; line-height: 1.6; }

.chapter-opening > .initial {
  font-size: 1.9em;
  line-height: 0.8;
  float: left;
  margin-right: 0.06em;
}

You Might Also Need

Drop Cap Generator

Generate elegant drop caps

Pull Quote Designer

Design pull quotes

Chapter Header Designer

Design chapter headers

Type Hierarchy Planner

Plan headings and body sizes

The initial cap styler compares the four openings a chapter can carry: no initial, a small cap, a raised cap and a first word in caps. You set the face, the body size, the line height, the initial scale and the cap tracking, and the panel reports the raised rise above the first baseline and whether the opening line needs an indent.

What is Initial Cap Styler?

The initial cap styler is a comparison surface. Each of its four styles renders the same opening paragraph, and the readouts name the applied style, the raised cap's rise above the first baseline and the first-line indent needed. The raised branch floats the initial at a line height below one with a right margin equal to the tracking value; the small-cap branch sets the letter at one em in font-variant small-caps; the first-word branch sets the opening word in synthesised small caps at 62% of the initial scale; the no-initial branch leaves the paragraph untouched.

Opening styles: raised cap, small cap, first word in caps and no initial.
Body size from 12px to 24px, defaulting to 16px, and line height from 1.2 to 2.2, defaulting to 1.6.
Initial scale from 1.2em to 4em, defaulting to 1.9em.
Cap tracking from 0 to 0.2em in five-thousandth steps, defaulting to 0.06em.
A face selector over the shared catalogue, defaulting to Source Serif 4.
Readouts: the applied style, the raised rise in pixels and the first-line indent.
The generated rule is a single opening block whose selectors change with the style.

The tracking slider moves in steps of 0.005em, so the default 0.06em sits close to a sixteenth of an em. The rise figure multiplies the initial scale, the body size and a 0.7 cap-height factor, the same modelling shortcut the drop cap construction uses; the value is an estimate for a typical serif face rather than a reading from the font's tables. The tracking control applies to every style that spaces capitals, which is why the small-cap and first-word branches both take a letter-spacing value. The first-word branch scales the opening word by 0.62 of the initial scale, which lifts it above the body text without making it compete with a full raised cap. The raised branch produces no text-indent because a float clears the opening line by construction.

The rise is modelled with a 0.7 cap-height assumption rather than measured per face or per letter.
Small caps are synthesised when the face has no drawn small-cap cut, so the letterforms are scaled capitals.
A raised cap only works when the first line holds enough words to clear the float; a short opening line lets the second line slide under the ascender.
The panel renders one style at a time, so variants are judged by switching back and forth.
No indent control is exposed, and no per-face fitting is attempted.

Use it on a chapter or section opening that should announce a new part of a document without the drama of a drop cap. A raised cap is the safer web choice because it leaves the line count alone, and the rise readout is the number that says whether the float has room in the first line. When the letter should sink into the text block instead, the drop cap generator covers that construction; when the lifted text is a quotation rather than an opening letter, the pull quote designer is the right surface.

How to use Initial Cap Styler

Choose one of the four opening styles, starting with the raised cap or the small cap.
Pick the face and set the body size and line height the chapter uses.
Adjust the initial scale and the cap tracking, then read the rise and indent figures.
Paste the real opening copy and check that the first line clears the float before copying the rule.

When to use Initial Cap Styler vs related tools

Use it when a section opening needs presence but not the displacement of a drop cap: a raised cap or a spaced small cap keeps the paragraph's line count intact. The rise figure is what decides whether the chosen scale fits the first line. When the letter should instead sink into the block, the drop cap generator writes that construction, and a quotation lifted out of the flow belongs to the pull quote designer. The wider hierarchy of headings and openers around it is what the type hierarchy planner sets out.

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.