Goafreet
HomePortfolioInnovationTech NewsSupport
Home Tech News
Type Engineering & Metrics
Interactive Studio

Typeface Anatomy Explorer

Interactive vector letterform laboratory. Inspect structural anatomy, OpenType metrics, baselines, x-heights, cap-heights, and comparative font geometry.

Font & Character Controls
Character Selection
U+0061
Stroke Weight: 600

Technical Guides
Inter · “a” · 1000 UPM
AscenderCap Heightx-HeightBaselineDescender
Anatomical Inspector
Letterform Structures
Lower Curved Bowl (Bowl)

The curved stroke that encloses or defines a rounded internal counter.


Structural Function

Contrasts with straight vertical stems to produce organic, readable visual variety.

Classification Differences

Circular in geometric fonts (Poppins), oval/elliptical in grotesque fonts (Inter), high-contrast tear-shaped in modern serifs (Playfair).

Typical Examples

Letters B, D, P, R, b, d, p, q, and the upper storey of g.

What this typeface anatomy explorer does

This Typeface Anatomy Explorer visualizes the structural engineering, contours, metric horizontal horizons, and optical compensation of typography. Inspect how letters are built, compare two typefaces at matching scale, and learn terminology through interactive student lessons.

How to use it

1

Select a reference font family and target glyph (A–Z, a–z, numerals, or enter custom glyphs).

2

Choose an exploration mode: Anatomy Explorer, Font Comparison, Optical Corrections, or Student Academy.

3

Click directly on anatomical pins on the vector canvas to inspect structural definitions.

4

Toggle metric guidelines (baseline, x-height, cap-height, ascender, descender, sidebearings, bounding box).

5

Export sanitized vector SVGs or JSON metric datasets for design systems and type engineering.

Frequently asked questions

X-height is the height of standard lowercase glyphs (benchmarked by "x"). Cap height is the height of flat uppercase capital letters (such as H or E). A tall x-height makes body copy appear larger and more legible on low-resolution screens.

An ascender is the portion of a lowercase letter extending upward above the x-height (b, d, h, l). A descender is the portion extending beneath the baseline (g, j, p, q, y). Together they create unique word silhouettes.

A counter is the negative whitespace enclosed within a letter (like inside "o" or "p"). The aperture is the open gap connecting the counter to the outside world in letters like "c" and "e". Wide apertures prevent small-text blurring.

Because rounded letters make tangent point contact rather than flat line contact, they appear smaller if drawn strictly to the cap or baseline. Type designers draw curves 1.5% to 3% past metric lines so they appear equal to the human eye.

Custom Type Engineering

Need a custom brand typeface or complete typography system?

Goafreet crafts bespoke Latin and Indic typefaces, authorized script extensions, and corporate font governance for modern digital brands.