Small Caps Fonts: Best Options & How to Use Them
A small caps font is one of the most refined tools in a typographer’s arsenal, yet it is also one of the most commonly misused. True small caps — uppercase letterforms drawn at roughly the x-height of the lowercase — add elegance, hierarchy, and readability to text without the visual disruption of full capitals. They have been part of typographic practice since the Renaissance, and in 2026, they remain essential for professional editorial design, brand identities, and web typography. But there is a critical difference between true small caps and the faked versions that most software produces by default, and understanding that distinction is what separates competent typography from genuinely polished work.
This guide covers everything you need to know about small caps: what they are, when to use them, which fonts include excellent true small caps, how to implement them in CSS and design software, and the common mistakes that undermine their effectiveness.
True Small Caps vs. Fake Small Caps
This is the single most important thing to understand about any small caps font: there are true small caps and there are fake small caps, and they are not interchangeable. The difference is immediately visible to trained eyes and subtly uncomfortable even to untrained ones.
What Are True Small Caps?
True small caps are capital letters that have been specifically designed and drawn at a smaller size — typically matching or slightly exceeding the x-height of the font’s lowercase letters. Crucially, they are not simply scaled-down versions of the full capitals. When a type designer creates true small caps, they adjust the stroke weight so that the small caps match the visual weight of the surrounding lowercase text. They also adjust the proportions — making the letterforms slightly wider relative to their height, opening the counters (the enclosed spaces within letters), and modifying details like serif thickness and terminal shapes so everything feels optically consistent.
The result is a set of capital letterforms that blend seamlessly into running text. They have the formality and structure of uppercase letters but the visual weight and texture of lowercase letters. When you set an acronym like “NASA” in true small caps within a sentence, it integrates into the line of text rather than shouting above it.
What Are Fake Small Caps?
Fake small caps are what you get when software simply takes the full-size capital letters and scales them down to approximately the x-height. This is what happens when you highlight text in Microsoft Word and click the “Small Caps” formatting button, or when a browser applies font-variant: small-caps to a font that does not include true small caps glyphs.
The problem with fake small caps is immediately apparent when you know what to look for. Because the capitals were designed for a larger size, scaling them down makes the strokes thinner than the surrounding text. A fake small cap “A” sitting next to a lowercase “a” will look anemic — the vertical strokes will be noticeably lighter, the serifs will be thinner, and the overall color (typographic term for the visual darkness of text) will be uneven. The spacing is also wrong: the letter-spacing of full capitals scaled down will be too tight relative to the lowercase characters around them.
The visual effect of fake small caps is akin to wearing a suit where the jacket is a different shade of black from the trousers. Individually, each piece is fine. Together, the mismatch is obvious and vaguely unsettling. Professional typographers consider fake small caps a clear sign of amateur work.
How to Spot the Difference
Place a true small cap next to a fake small cap and compare the stroke weights. In the true small cap, the vertical strokes will match the weight of a lowercase letter in the same font. In the fake small cap, the strokes will be thinner. You can also check proportions: true small caps are typically slightly wider relative to their height than simple scaled-down capitals. If you are working digitally, zoom in to 200% or more and the difference becomes impossible to miss.
When to Use a Small Caps Font
Small caps serve specific typographic functions. They are not decorative flourishes — they solve real readability and hierarchy problems. Here are the contexts where a small caps font adds genuine value.
Abbreviations and Acronyms
This is the most common and most valuable use of small caps. When acronyms like NASA, HTML, CEO, UNESCO, or FBI appear in running text set in full capitals, they create visual “speed bumps” that interrupt the reader’s flow. The tall capital letters tower above the lowercase text, drawing disproportionate attention to what are usually not the most important words in the sentence.
Setting these acronyms in small caps solves the problem elegantly. The abbreviation remains recognizable as an initialism — the letter shapes are still clearly capitals — but the reduced height integrates it into the texture of the surrounding text. The reader’s eye flows smoothly through the sentence without stumbling over the acronym. This technique is standard practice in book typography and high-quality editorial design. Major style guides, including the Chicago Manual of Style and Bringhurst’s Elements of Typographic Style, recommend small caps for abbreviations in body text.
After Drop Caps
When a chapter or section begins with a large decorative drop cap (an oversized initial letter that spans multiple lines), the transition from the drop cap back to normal body text can feel abrupt. Setting the first few words or the rest of the first line in small caps creates a graceful bridge between the display-sized initial and the body text. This technique has been used in book design for centuries and remains common in high-end editorial work, literary magazines, and annual reports.
For example, the opening of a chapter might set the large “T” as a drop cap, followed by “HE MORNING LIGHT” in small caps, then continuing in regular body text. The graduated scale from drop cap to small caps to lowercase creates a natural visual ramp that draws the reader into the text.
Legal Documents and Formal Text
Legal typography has its own conventions, and small caps play an important role. In legal citations, case names, and statutory references, small caps distinguish certain elements according to The Bluebook (the standard legal citation guide). For instance, book titles and certain author names in legal citations are set in small caps rather than italics. Court names, procedural phrases, and document titles also commonly use small caps formatting.
Beyond citations, small caps appear in formal documents like contracts, certificates, and diplomas where they add gravitas and formality without the aggressiveness of full capitals. “DECLARATION OF TRUST” in full capitals shouts; “Declaration of Trust” in small caps speaks with quiet authority.
Headings and Subheadings
Small caps offer an elegant alternative to bold or full capitals for headings, particularly subheadings and section headers in documents where the typographic tone should be refined rather than forceful. A small caps heading has visual distinction from the body text (the capital letterforms provide structural differentiation) while maintaining a calm, understated presence on the page. This approach is common in academic publishing, fine press books, and luxury brand materials.
Small caps headings work best in serif fonts where the letterforms have enough detail and character to remain interesting at the heading level. In sans-serif fonts, small caps headings can sometimes feel too plain because the letters lack the serifs and stroke variation that give serif small caps their elegance.
Captions and Bylines
Photo captions, figure labels, table headers, and bylines are all contexts where small caps provide useful differentiation. Setting a photographer’s name in small caps beneath an image, or using small caps for “Figure 1” labels, creates clear hierarchy without introducing additional font weights or sizes. This is especially useful in publication design where you need to distinguish many different text elements (body, caption, credit, pull quote, sidebar) without the visual noise of too many typographic variations [LINK: /best-serif-fonts/].
Time Designations
The abbreviations “AM” and “PM” (or “a.m.” and “p.m.”) are prime candidates for small caps treatment. In running text, “The meeting starts at 9:30 AM” looks better with “AM” in small caps, as it prevents two capital letters from disrupting the line. Similarly, “BC,” “AD,” “BCE,” and “CE” in historical dates benefit from small caps. Robert Bringhurst specifically recommends this usage in The Elements of Typographic Style, and it has become standard practice in quality book design.
Best Small Caps Fonts: Typefaces with Excellent True Small Caps
Not all fonts include true small caps. In fact, most do not. True small caps require the type designer to draw an entire additional set of capital letters at a different optical size, which is significant additional work. The following fonts are known for their high-quality true small caps and are excellent choices when small caps are an important part of your design.
Mrs Eaves
Mrs Eaves, designed by Zuzana Licko at Emigre in 1996, is perhaps the most famous small caps font in the design world. Named after Sarah Eaves, the woman who became John Baskerville’s wife and collaborator, Mrs Eaves includes an extraordinarily extensive set of small caps — not just the standard alphabet, but also small caps ligatures and petite caps (even smaller capitals). The Mrs Eaves XL variant was later released with improved text-size readability.
Mrs Eaves’ small caps are so well-regarded that they have become a defining feature of the typeface itself. Many designers choose Mrs Eaves specifically because they want to use small caps extensively. The loose spacing and low contrast of the design give the small caps a gentle, inviting quality that works beautifully for stationery, invitations, book covers, and brand identities where elegance is paramount. If your project calls for extensive small caps usage, Mrs Eaves should be at the top of your list.
Adobe Caslon Pro
Adobe Caslon Pro, designed by Carol Twombly, is the OpenType version of Adobe’s Caslon revival and includes a comprehensive set of true small caps along with oldstyle figures, swash characters, and ornaments. The Caslon design, based on the work of 18th-century English type founder William Caslon, is one of the most historically significant typefaces in the English-speaking world — the American Declaration of Independence was set in Caslon.
Adobe Caslon’s small caps are well-proportioned and match the body text weight perfectly, making them suitable for all the standard small caps uses: acronyms, headings, legal text, and captions. The OpenType features are accessible through the features panel in InDesign, Illustrator, and Figma, and through CSS font-feature-settings on the web. Adobe Caslon Pro is available through Adobe Fonts (included with Creative Cloud subscriptions), making it readily accessible for most professional designers.
Minion Pro
Minion Pro, designed by Robert Slimbach for Adobe, is one of the most complete text typefaces ever created. Its small caps are exemplary — perfectly weighted, beautifully proportioned, and available in every weight and width of the extensive family. Minion Pro also includes caption, regular, subhead, and display optical sizes, meaning the small caps adapt to different sizes just as the regular letters do.
Minion Pro is a workhorse font for book design, academic publishing, and any long-form text where typographic quality matters. Its small caps have been used in countless books, journals, and reports. Like Adobe Caslon, it is available through Adobe Fonts. If you work in publishing or produce any kind of extended document, Minion Pro’s small caps are a reliable, time-tested choice.
EB Garamond
EB Garamond is the standout free option for true small caps. Georg Duffner’s revival of Claude Garamont’s types includes genuine small caps as OpenType features, along with oldstyle figures, ligatures, and other typographic refinements. This makes EB Garamond the best small caps font available on Google Fonts — one of the few free fonts that includes real small caps rather than relying on browser-generated fakes.
The small caps in EB Garamond are historically informed, based on the same 16th-century specimens that guided the rest of the design. They integrate naturally into the text and are accessible through CSS font-variant: small-caps or font-feature-settings: "smcp". For web projects where true small caps are important but the budget does not allow commercial font licensing, EB Garamond is the clear recommendation [LINK: /best-google-fonts/].
Alegreya
Alegreya, designed by Juan Pablo del Peral and available on Google Fonts, is a dynamic serif with calligraphic influence and true small caps support. The small caps have the same warm, slightly organic quality as the rest of the family, making them suitable for literary publications, cultural projects, and editorial design. Alegreya also offers a small caps variant family (Alegreya SC) that makes implementation straightforward even in contexts where OpenType feature support is limited.
Cormorant
Cormorant, designed by Christian Thalmann and available on Google Fonts, is a display-oriented Garamond revival with extensive OpenType features including true small caps. The Cormorant SC variant provides direct access to small caps letterforms. Cormorant’s high contrast and sharp details make its small caps particularly striking at larger sizes — for headings, title pages, and display contexts where the small caps are a primary design element rather than a subtle text refinement [LINK: /best-google-fonts/].
Hoefler Text
Hoefler Text, designed by Jonathan Hoefler (originally for Apple in the early 1990s and later expanded at Hoefler&Co.), includes beautifully crafted small caps as part of its extensive OpenType feature set. The font ships with macOS, making it readily available for Apple users. Hoefler Text’s small caps are classic in style — sturdy, well-proportioned, and designed to work seamlessly in running text. For macOS users working on personal projects, Hoefler Text provides professional-quality small caps without additional licensing costs.
Freight Text
Freight Text, designed by Joshua Darden, is a contemporary text serif with warm, slightly quirky details and excellent small caps. The Freight family (including Freight Sans, Freight Display, and Freight Micro) offers a comprehensive typographic system, but Freight Text’s small caps are the highlight — perfectly weighted, generously spaced, and ideal for editorial applications. Freight Text has been widely used in magazine and newspaper design, where its small caps appear in bylines, section headers, and running text.
How to Implement Small Caps
Knowing which small caps font to choose is only half the challenge. You also need to implement them correctly in your chosen medium, whether that is CSS for the web, InDesign for print, or Figma for interface design.
CSS Implementation
CSS provides two main methods for activating small caps, and they behave differently depending on whether the font includes true small caps glyphs.
Method 1: font-variant (recommended)
/* Activates true small caps if available in the font */
.small-caps {
font-variant: small-caps;
}
/* More specific: font-variant-caps */
.small-caps {
font-variant-caps: small-caps;
}
/* All small caps: converts ALL letters to small caps,
with initial caps slightly larger */
.all-small-caps {
font-variant-caps: all-small-caps;
}
The font-variant: small-caps property tells the browser to use the font’s true small caps glyphs if they exist. If the font does not include small caps, the browser will synthesize them by scaling down the capitals — which produces the fake small caps discussed earlier. This is why choosing a font with real small caps is essential.
Method 2: font-feature-settings (more control)
/* Activate the "smcp" OpenType feature directly */
.small-caps {
font-feature-settings: "smcp" 1;
}
/* Combined with other OpenType features */
.refined-text {
font-feature-settings: "smcp" 1, "onum" 1, "liga" 1;
/* smcp = small caps, onum = oldstyle numerals, liga = ligatures */
}
/* Capitals to small caps (for text that is already uppercase) */
.caps-to-small-caps {
font-feature-settings: "c2sc" 1;
}
The font-feature-settings approach gives you direct access to OpenType features, including the distinction between “smcp” (lowercase to small caps) and “c2sc” (capitals to small caps). This is useful when you want to convert already-uppercase text to small caps. Note that font-feature-settings overrides any font-variant properties, and multiple features must be declared in a single font-feature-settings rule — they do not cascade.
Practical example with EB Garamond:
/* Load EB Garamond from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,700;1,400&display=swap');
body {
font-family: 'EB Garamond', serif;
font-size: 1.125rem; /* 18px */
line-height: 1.7;
}
/* Apply true small caps to abbreviations */
abbr, .small-caps {
font-variant: small-caps;
letter-spacing: 0.05em; /* Slightly increase spacing for small caps */
}
/* Example usage in HTML:
<p>The <abbr>NASA</abbr> launch at 9:30 <span class="small-caps">am</span> was broadcast by the <abbr>BBC</abbr>.</p>
*/
InDesign and Illustrator
In Adobe InDesign and Illustrator, you can access true small caps through the OpenType panel (Window > Type > OpenType). Click the “Small Caps” button, and the software will use the font’s true small caps glyphs if they exist. You can also apply small caps from the Character panel menu or by using the keyboard shortcut Cmd+Shift+H (Mac) or Ctrl+Shift+H (Windows).
Important: InDesign distinguishes between “Small Caps” formatting (which uses the OpenType “smcp” feature for true small caps) and “All Caps” formatting (which simply displays lowercase as capitals). Make sure you are applying “Small Caps” from the OpenType panel or Character panel, not just changing the case. If the font does not include true small caps, InDesign will fall back to scaled-down capitals, so check your output carefully.
For paragraph styles that include small caps (such as a style for bylines or captions), you can build the small caps formatting into the paragraph style definition under the OpenType Features section. This ensures consistency across your document.
Figma
Figma supports OpenType features including small caps through the Type Settings panel. Select your text, click the three-dot menu in the Type section of the right sidebar (or use the “…” button next to the font size), and look for the “Small Caps” option under “Letter Case” or “Type Settings.” If the font includes the “smcp” OpenType feature, Figma will activate true small caps.
Not all fonts in Figma expose their OpenType features correctly, so test with a known small-caps-capable font like EB Garamond or Adobe Caslon to verify the feature is working. If small caps do not appear as an option, the font either does not include them or the feature table is not recognized by Figma’s renderer.
Common Small Caps Mistakes
Even designers who understand the value of small caps frequently make mistakes in their application. Here are the errors to avoid.
Using Fake Small Caps
This is the most common and most damaging mistake. If your font does not include true small caps, do not use the small caps formatting option — it will produce scaled-down capitals with incorrect stroke weights. Either choose a font with real small caps or skip the small caps treatment entirely. Fake small caps look worse than no small caps at all.
Forgetting to Adjust Letter Spacing
True small caps generally benefit from slightly increased letter spacing (tracking). Because the letterforms are capital shapes at a smaller size, they have less internal differentiation than lowercase letters, and slightly wider spacing improves legibility and gives the text a more polished appearance. Add 3-5% tracking (or 0.03-0.05em in CSS) to small caps text. This is not a large adjustment, but it makes a noticeable difference.
Overusing Small Caps
Small caps are effective precisely because they are used selectively. If every other word in a paragraph is set in small caps, the technique loses its power and the text becomes difficult to read. Reserve small caps for their intended functions: abbreviations, specific formatting conventions, and occasional headings. A paragraph should never be set entirely in small caps unless it is a short caption or label.
Using Small Caps for Emphasis
Small caps are not a substitute for italics or bold when you need to emphasize a word. They serve a different function — they reduce the visual impact of capital letters rather than increasing the impact of ordinary text. If you need to stress a word in a sentence, use italics. If you need to create a label or heading, consider small caps. But do not use small caps to make a word stand out in running text — they will actually make it less prominent than the surrounding lowercase letters [LINK: /popular-fonts/].
Mixing Small Caps and Full Capitals Carelessly
When using small caps for acronyms, be consistent. Do not set “NASA” in small caps in one paragraph and full capitals in the next. Also be careful about the initial capital: “Nasa” in small caps (where the N is a regular capital and the rest are small caps) looks different from “NASA” in all small caps (where every letter is the same size). Decide on a convention and apply it consistently throughout your document.
The History of Small Caps in Typography
Small caps have a long and distinguished history in typographic practice, stretching back to the earliest days of printing with movable type.
Renaissance Origins
Small capitals first appeared in printing during the Renaissance, emerging in the work of early European printers in the late 15th and early 16th centuries. The earliest known examples appear in books printed by Aldus Manutius in Venice around 1500. Manutius, who also pioneered italic type, used small capitals as a way to create hierarchy in text without the visual disruption of full-size capitals. The technique was likely inspired by the practice of scribes and calligraphers, who had long used different sizes of capital letters in manuscript production.
The Metal Type Era
During the centuries of metal type, small caps were physically separate pieces of type — not scaled-down versions of the regular capitals, but individually designed and cast characters. A complete font of type (in the original sense of the word “font” — a specific size and style of a typeface) would include regular lowercase, regular capitals, small capitals, and often additional characters like ligatures and ornaments. This physical reality meant that small caps were always “true” small caps — they had to be individually designed because there was no way to scale metal type.
The availability of small caps varied by typeface and foundry, but they were standard equipment for serious typesetting. Professional compositors used them routinely for the functions described earlier — abbreviations, section headings, and after drop caps. The Chicago Manual of Style and other editorial guides codified these uses into formal rules that persist today.
Phototypesetting and the Decline
The shift from metal to phototypesetting in the mid-20th century began the erosion of true small caps. Phototypesetting systems could optically scale type, which made it tempting for manufacturers to omit small caps from their font libraries — after all, you could just scale the capitals down photographically. But optical scaling produces the same thin-stroked fakes that digital scaling does, and discerning typographers noticed the decline in quality immediately.
Digital Revival
The OpenType font format, introduced in the late 1990s through a collaboration between Adobe and Microsoft, restored the infrastructure for true small caps. OpenType fonts can include thousands of glyphs in a single file, including small caps, oldstyle figures, swash characters, and contextual alternates. This made it technically straightforward for type designers to include true small caps again, and many have done so — particularly in the “Pro” versions of classic typefaces.
Today, true small caps are widely available in professional typefaces and are supported in all modern web browsers through CSS OpenType features. The challenge is no longer technical — it is educational. Many designers and developers do not know the difference between true and fake small caps, or do not know how to activate the OpenType features that access them. This guide aims to change that.
Frequently Asked Questions
What is the difference between small caps and petite caps?
Small caps are capital letterforms designed at approximately the x-height of the font — the height of lowercase letters like ‘x’, ‘a’, and ‘o’. Petite caps are even smaller, designed to be slightly shorter than the x-height. Petite caps are relatively rare and appear only in fonts with very extensive OpenType feature sets. The distinction matters in contexts where small caps feel too prominent and you want an even more subtle capitalization. Mrs Eaves is one of the few fonts that includes both small caps and petite caps. In CSS, petite caps are accessed through font-variant-caps: petite-caps or font-feature-settings: "pcap".
Which free small caps fonts are available on Google Fonts?
The best free small caps font on Google Fonts is EB Garamond, which includes genuine OpenType small caps accessible through font-variant: small-caps in CSS. Alegreya also supports true small caps and offers a dedicated small caps family (Alegreya SC). Cormorant includes small caps as part of its OpenType features, and a Cormorant SC variant is available as a separate family. Other Google Fonts with small caps support include Spectral, Lora (in newer versions), and Vollkorn. Always test the small caps in your browser to confirm they are true small caps — compare the stroke weight against the regular lowercase to verify they match.
How do I use small caps in CSS?
The recommended CSS approach is font-variant-caps: small-caps, which tells the browser to use the font’s true small caps glyphs if they exist. For more control, use font-feature-settings: "smcp" 1 to directly activate the OpenType small caps feature. If you want all text (including already-uppercase characters) converted to small caps, use font-variant-caps: all-small-caps or combine font-feature-settings: "smcp" 1, "c2sc" 1. Always pair your small caps rule with a font that actually includes true small caps glyphs — EB Garamond, Adobe Caslon Pro, or Minion Pro, for example — otherwise the browser will generate fake scaled-down capitals that look unprofessional.
When should I avoid using small caps?
Avoid small caps in the following situations: when your chosen font does not include true small caps (fake small caps always look worse than no small caps); in casual or playful designs where the formality of small caps conflicts with the brand tone; in large blocks of text (small caps reduce readability in extended passages); as a substitute for bold or italic emphasis; and in all-caps display headings where full capitals are more appropriate. Small caps work best in refined, text-heavy contexts — editorial design, book typography, legal documents, and formal corporate materials. They are not necessary in every project, and forcing them where they do not belong is a more common mistake than omitting them where they could help.
Can I use small caps with sans-serif fonts?
Yes, but small caps are generally more effective with serif fonts. The reason is that serif letterforms have more visual variety — stroke contrast, serif details, and proportional differences between letters give serif small caps enough character to remain interesting and legible. Sans-serif small caps can look somewhat monotonous because the uniform stroke weight and simplified letterforms leave less to distinguish one character from another at the smaller size. That said, several sans-serif fonts include well-designed true small caps — notably Freight Sans, FF Meta, and some weights of Helvetica Now. If you use sans-serif small caps, slightly increased letter spacing (0.05-0.08em) helps compensate for the reduced visual differentiation between letters.
