Typographic Curiosities

An exploration of performance and expression with type

Jason Pamental (@jpamental) | Principal Designer @ Chewy.com
irrepressibly curious about almost everything

web unleashed, 28 October 2026

curiosity

[ kyoor-ee-os-i-tee ]

  1. greek: periergia
  2. a strong desire to know about something
  3. an unusual and interesting thing

Performance is the first visible aspect of design*

give the browser a map & directions

* thanks Brad
1.216s
.023s
0.000s

idle curiosity

how much can I eat?

Be prepared

<link 
 rel="preconnect" 
 href="https://curious-typography-demo.netlify.app" 
/>

<link 
 rel="preload" 
 href="./assets/css/webfonts.css" 
 as="style" 
 fetchpriority="high" />

<link 
 rel="preload" 
 href="./assets/css/styles.css" 
 as="style" 
 fetchpriority="high" />

<link 
 rel="preload" 
 href="./assets/fonts/NunitoSans/NunitoSans-Varia..."
 as="font" 
 fetchpriority="high" 
 crossorigin />

<link 
 rel="prefetch" 
 href="./assets/fonts/NunitoSans/NunitoSans-Ital..."
 as="font" 
 crossorigin />

Optimizing wisely

* shorter bars are better

@font-face {
 font-family: 'Nunito Sans';
 ...
 font-display: swap;
}
@font-face {
 font-family: 'Adjusted Arial Fallback';
 src: local(Arial);
 size-adjust: 100%;
 ascent-override: normal;
 descent-override: normal;
 line-gap-override: 24%;
}

* more axes are better :)

width
width
weight
weight
x-height
x-height
https://variablefonts.io
slant
https://variablefonts.io 
<img
 src="./assets/images/leo_lounging.webp"
 alt="Leo lounging around on his back"
 width="500" 
 height="439"
 fetchpriority="high" />

<img 
 src="./assets/images/henry_and_leo.jpg" 
 alt="Leo with tiny puppy Henry" 
 width="1000" 
 height="621" 
 loading="lazy" />
1.123s
.006s
0.000s

morbid curiosity

how many is too many?

Resolution revolution

how responsive can we be?

Type is the clothes our words wear

don’t stop at just getting them on the screen

Text orientation & visual friction

sometimes we need some intentional tension

Text flow, wrap, and balance

Call me Leopold. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. 

.text-balanced {
 text-wrap: ;
}

“Call me Leopold.” Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. 

.hanging-punctuation { /* sadly only in Safari */
 hanging-punctuation: first allow-end last;
}

Call me Leopold. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. 

.hyphenation { 
 hyphens: auto;
 word-break: break-word;
}

Call me Leopold. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation.

Call me Leopold. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation.

 

.trim-it { 
 text-box-edge: cap alphabetic;
 text-box-trim: trim-start;
}

Extending the web

A most ferocious lion

Call me Leopold. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation.

Once more. Say you are in the country; in some high land of lakes. Take almost any path you please, and ten to one it carries you down in a dale, and leaves you there by a pool in the stream. There is magic in it.

But here is an artist. He desires to paint you the dreamiest, shadiest, quietest, most enchanting bit of romantic landscape in all the valley of the Saco. What is the chief element he employs? There stand his trees, each with a hollow trunk, as if a hermit and a crucifix were within; and here sleeps his meadow, and there sleep his cattle; and up from yonder cottage goes a sleepy smoke.

Call me Leopold. Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation.

Once more. Say you are in the country; in some high land of lakes. Take almost any path you please, and ten to one it carries you down in a dale, and leaves you there by a pool in the stream. There is magic in it.

But here is an artist. He desires to paint you the dreamiest, shadiest, quietest, most enchanting bit of romantic landscape in all the valley of the Saco. What is the chief element he employs? There stand his trees, each with a hollow trunk, as if a hermit and a crucifix were within; and here sleeps his meadow, and there sleep his cattle; and up from yonder cottage goes a sleepy smoke.

Extending the platform

Reimagining an advertising artform

“a kind of aimless, witless tendency to pry into things that didn’t concern us”

Aristotle—according to British writer Philip Ball

thank you

slides: noti.st/jpamental/vUGK4g
instagram, bluesky: @jpamental