We hinted that we were dropping two F-bombs — a pair of long-awaited features — fonts (okay, typefaces) and footnotes!
Fonts
Leaflet now has six curated typefaces — our original favorite, iA Writer Quattro, plus:
- Atkinson Hyperlegible Next
- Lora
- Monterrat
- Sometype Mono
- Source Sans 3
We have settings for both body and header font, so you can mix and match for just the right amount of contrast.
You can also add any custom font available on Google Fonts! Paste in the font name and we'll load it right in.
The arbitrary Google Font option is particularly fun for adding funky header fonts. And useful if you need a font that better supports non-English scripts.
Paired with our existing theme options, you've not got more ways to be expressive in Leaflet and give your posts and pubs their own special flavor.
We tweaked font sizes a bit too, mainly bumping the header scale overall and adjusting base size for some of the fonts to more or less match better. Future idea: more settings for size and spacing…
Footnotes
One of our top editor requests. Add footnotes from the editor toolbar, and they show…in three places, actually!
- * Footnotes: classic, bottom of post
- † Sidenotes: easy reference, with wider windows
- ‡ Popover: tap to preview, great on mobile
Here's what they look like:
And some examples of footnotes in action:
We can't wait to see how you use both these new features!
Fun Google Fonts for headers!
- Moo Lah Lah
- Rubik Microbe
- Schoolbell
- Kablammo
- Silkscreen
- Flavors
- Barriecito
- Coral Pixels
- Jim Nightshade
- Comic Neue
Examples
Leaflet posts with custom fonts!
Software as Fan-Art - oh hey, it's owais
The Inner Life of Liberalism - Aaron Ross Powell’s Blog
My Opinion on the iPhone Air - maxine naomi lunaris ✦
The Daily Planet #128: War and the non-human world - The Daily Planet
Examples
Leaflet posts with footnotes!
Disaster preparedness in Japan: Apps, websites, etc. - aiueo
A better Signal wishlist - re:center
"the day of spring, warmth, flowers and gentleness" - the diary of a half-asleep owl
if i may be a little obsessive… - ren’s letter