Action Grotesque1: Readable2 at every3 size.
A,g
TL;DR: Drawn to work, from the smallest decipherable4 shape to a comfortable text on a device. → Heck, you could even slap it on a wall with an arrow and it will get you somewhere.
So, this is Action Grotesque: the screen-first, variable-first, reading-first companion to Action Condensed.
The first thing you must to do for readability and legibility is to pay attention to the font size and weight, and the distance to the reader5.
But the second thing you need to do is pick a good typeface and this Action Grotesque may be able to help. “AG” shows up for work at 7 point and keeps going. It offers very fine control over text density and hierarchy6. It has an extended characterset, and matching italics for all your semantics.
These pages have a responsive grid and can show more columns on wider screens. All text on these pages wants to show off its skillz in the small, so it is probably too small, and overly complex for every day use, sometimes. There is a page showing off AG’s big type energy.
Comfortably at the center of the Noordzij cube7, safe from most historic and calligraphic references. Low contrast, no extreme weights, no super tight kerning, a bit boring. AG is drawn for complex, structured information with fine-grained control over weight, with readable thins and extra bolds. Figures and punctuation that stand their ground and diacritics that stick around for as long as needed. More philosophising on the essay page if you find that sort of thing intesting.
Bright, crisp, modern screens are amazing. This typeface was a study in proportion: make it readable in small sizes and the rest will follow. Optics, not hinting. While hinting can improve the appearance of these shapes on some screens, AFG was drawn to behave well on all screens. Short descenders create room for a slightly bigger capitals and x-height.
If you need to convince someone in your organisation, pitch to senior leadership, present to a client or just kick it up the escalation framework: copy these useful points to a powerpoint and speak the words with confidence:
|
unclaimed
|
Showpony!
|
|
“This typeface offers essential micro typographic controls that are vital for our responsive publication portfolio.” |
This is the Grotesque addition to the typeface family known as Action. Therefore it will be known as Action Grotesque. With foundry prefix if necessary. During development I referred to it as Micro. I suppose it could have been LTR Grot. 4, if I had kept proper count. And then I saw AG did not mind bigger sizes and looked for a more generic moniker.
De Vinne said about the naming of sans serif typefaces:10 “Gothic is a misleading name. Ordinary readers and book-collectors give it to all the older forms of black-letter, but American type-founders apply it to a sturdy type that has neither serif nor hair-line. […] Some English type-founders call it sans-serif, but others call it grotesque and also gothic.”
De Vinne underestimated the significance the sans would achieve in the decades that followed. But he was right about the confused origins of its names. “Gothic” is the furthest off the mark. But “Grotesque” works because, failing everything else, we can still make fun of it.
100 Thin + Italic. 250 Light + Italic, 400 Regular + Italic. 475 Book + Italic, 550 Medium + Italic, 700 Bold + Italic, 800 Heavy + Italic, 900 Extra Bold + Italic.
This edition starts with quite a comprehensive Latin that includes support for Vietnamese. While it is debatable how useful these metrics are: according to Hyperglot, Action Grotesque supports 385 languages, around 3.1 billion speakers. This includes the Koeberlin S glyphset. Before we embarrass ourselves decorating English words with diacrïtics that really do not need them, this page has an overview of the complete characterset.
Bạn đã tìm thấy bản dịch rồi!
AG attempts to stack the diacritics in a way that leaves them visible, without squishing. Whether that is a good strategy we will see. Translated with Google.
| Weight |
Size
em units |
|
|---|---|---|
| Thin | Hmp, | 45 |
| Regular | Hmp: | 84 |
| Extra Bold | Hmp. | 207 |
|
Tabular width
in all weights and italics. All currencies at tabular width as well. |
0=23
9+76 $€₼₦ |
800 |
|
Arrow width. Two arrows are as wide as three tabular glyphs.
This may not serve any practical purpose, but there it is. |
|↑↓|
|123| |↙↘| |
1200 |
Action Grotesque wants you to go places. It has a set of carefully designed arrows ←↑→↓ which are rotated for the diagonals ↖↗↘↙. All nicely proportioned and positioned to fit in running text, matching weight and angle. ←H↑b→g↓. Will work anywhere.
Exit↗
Above: a text with an arrow that fits aesthetically pleasing between baseline and cap-height. The strokes on the arrows have some modulation. Note I did not put some unexpecting citizens in a shopping trolley, roll them through an empty building, at considerable speed and risk, in order to question them afterwards about any signs they may have recognised on the way. Did not happen.
And yet. Trigonometry has an observation to offer: if shapes work in the very small, they have a chance to work in the distance as well. Action Grotesque will do fine on your walls, pointing your peeps to their destinations.
Plan your visit →
What’s on →
Tours →
Hey, aren’t these called figures? Yes, you are probably right. In all styles and weights the figures {pause, stare} have same width of 800 units. This might be useful if you are making tables and you might want to emphasise some of digits in a different weight. Big whoop, you might say, dear reader. On the other hand, you are reading the captions in a type specimen and this is absolutely the type of information one can expect here. So I expect some understanding.
100,000,049
213,161,503
679,389,209
999,999,937
Four 9-digit prime numbers, in different weights. Can you tell which ones are missing? Call them and see what happens!
Some alternate shapes are included for variation, perhaps aid readability, disambiguation and stylistic sophistication and pedantry.
|
Barred uppercase I, J
and hockeystick l. |
Illustrée Jupe |
| Schoolbook a | Aabenraa |
| Open tail g | Ingredients |
| Proportional width alternate for the figure 1, pnum. |
010
010 |
| Optical size variants: smaller versions of things that are very small already. |
a™ a™ a™
a® a® a® a@b a@b a@b |
| Variants of the percent: The default shape lines with the numerals, works great in text at small size but is a bit wider than tabular. The second percent is tabular but not lining, it uses the available vertical space to keep the zeros big enough. The third percent is both tabular and lining but does not have room for open zeros. |
1%
2% 3% At size: 1% 2% 3% |
| Superiors and inferiors, slashed zeros, fractions |
CO2=mc2
C3P0 12 ½ 1/2 ³⁵⁵⁄₁₁₃ |
| Uppercase variants for containers and some punctuation |
[T](P){B}
N-P ¿H? E@L |
Very rarely are ligatures a solution to a real problem: most of the time they just sit around, ill-proportioned and badly spaced, only to pop up when you least expect or need them. Therefore AG has no ligatures. But it does have connecting alternates for the lowercase f and t, creating some combinations with the next letter. Mostly to give such combinations some room to breathe.
betting
office
With discretionary ligatures on, the t will connect with some more letters.
mighty
outfits
The flag of the f has to be tucked in with the other ascenders. A smidge taller than the cap height, but shorter than the first tier diacritics. 13 dfbfi. The combination of ascender size, and counter-opening trapping makes the f resemble a Star Wars® stormtrooper. But see, in small: it is just a f.
Ifdfbfj
These diacritical friends below look a bit chonky, perhaps, closeup. But I wanted them to be unique enough so that at the smallest size there is enough material for disambiguation. This page has an overview of the complete characterset.
Ặṗçļą
At 8 point: Ặṗçļą HẶHnṗnçnļnąn
Tiny cuts and flat bits help rasterisation. Are these inktraps then? Strictly, no: there is no ink to trap. But by adding some space between incoming and outgoing line segments, the counters become a bit clearer? Do I have scientific proof for this? Nothing beyond my own observations. The nick at the tail of the R is also present in Action Condensed.
R
Uppercase Q with a tail, lowercase q with a descender. Some will say the Q takes up too much room, whereas the q will be too short? Well. Quosque tandem!9 I think both of these shapes make sense at the small size. The Q needs to disambiguate from O, and maybe also the Ǫ, so the tail should not be reduced in size.
Were they? Consulted I mean? Well, yes, the books were. It’s not a particularly long list, is it? I suppose. I mean, I can also take it out? No, leave it, it’s fine. It is always nice to have a list of books.
This typeface, the typography of this mini-site, most of the writing*, the CSS, by Erik vB, so a convenient one-stop for blame. ©2026. All rights reserved.
Many thanks to Frederik Berlaen, Tal Leming, Just van Rossum, Amy Ramsey, Petr van Blokland, Paul Barnes, Christian Schwartz, Peter Verheul and Aleksandra Samuļenkova.
No chatbots or LLMs consulted, all written, drawn and coded by hand.
*Some of the text borrowed from Wikipedia, sources listed wherever possible or relevant. Persons and organisations mentioned in the sample text do not endorse, support or even know about Action Grotesque.
Action Grotesque Upright __version__
Action Grotesque Italic __version__
Please tell me the footnotes also have footnotes? Sorry, no. In these pages, these captions will comment on the sources and sometimes highlight things about the typeface.