Fenly Serif
Seed’s own serif, for titles and long reading. Steady strokes, open spacing and a calm, even rhythm, from ExtraLight to Black, in roman and italic. Free to use under the SIL Open Font License.
- Weights
- 200 to 900
- Styles
- Roman, Italic
- Characters
- 230
- Format
- Variable WOFF2
- License
- SIL OFL 1.1
Try it.
Pick a sample or click the text and type your own. Every weight between 200 and 900 is there, not just the named ones.
Eight weights, and everything between.
One variable file per style carries the whole range. Drag through the axis, then compare the named weights in roman and italic.
Aa Gg Rr 86
- 200ExtraLightCalm and evenCalm and even
- 300LightCalm and evenCalm and even
- 400RegularCalm and evenCalm and even
- 500MediumCalm and evenCalm and even
- 600SemiBoldCalm and evenCalm and even
- 700BoldCalm and evenCalm and even
- 800ExtraBoldCalm and evenCalm and even
- 900BlackCalm and evenCalm and even
From a hero to a footnote.
The same drawing reads well in a 96px title and in a 14px note under a chart.
Health 86
Pluto proposes.
A person approves, and it ships.
Four status colors were under 4.5:1 in Light. Each moved one step darker on its own scale.
Long reading text sits at 16 to 18px in Light, with a line height a little over one and a half, so a page of docs stays easy to follow.
Notes and captions: the button uses bg-button-primary and passes 4.6:1 in both themes.
Made to sit next to Plus Jakarta Sans.
Seed sets the interface in Plus Jakarta Sans and gives the serif the moments that need a voice: titles, big numbers, Pluto’s greeting and long reading.
The styles that use it.
Display styles set titles, empty states, one big number and Pluto’s greeting. Reading styles set docs and Pluto’s answers.
- Tokens
display-title-regular38px / 1.15 · 400 - 86
display-number-regular30px / 1 · 400 - No components yet
display-headline-regular28px / 1.2 · 400 - What should we work on in Seed?
display-greeting-regular24px / 1.25 · 400 - Four status text colors are below 4.5:1 on bg-primary in Light. I moved each one step darker on its own scale.
reading-body-light16px / 26px · 300 - Emphasis inside reading text.
reading-body-regular16px / 26px · 400 - Notes and captions inside long-form text.
reading-small-light14px / 22px · 300
230 characters, two styles.
Pick a character to see it large, in any weight and in italic.
U+0067The small things.
ligafi fl fffi fl ffOff, then on.tnum1,111.101,111.10Off, then on.frac1/2 3/41/2 3/4Off, then on.Get it into your project.
/* With Seed it's already there: display and reading text use it. */
@import "tailwindcss";
@import "@flinbu/seed-tokens/tailwind.css";
<h1 className="display-title-regular">Tokens</h1>
<p className="reading-body-light">Long reading text…</p>@font-face {
font-family: "Fenly Serif";
src: url("/fonts/FenlySerif-Variable.woff2") format("woff2");
font-weight: 200 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fenly Serif";
src: url("/fonts/FenlySerif-Italic-Variable.woff2") format("woff2");
font-weight: 200 900;
font-style: italic;
font-display: swap;
}
h1 { font-family: "Fenly Serif", Domine, Georgia, serif; font-weight: 400; }- Based on
- Literata, by The Literata Project Authors (TypeTogether for Google); the roman s from Domine, by The Domine Project Authors
- Changes
- The roman s from Domine, with its ball terminals; lighter at every weight (Regular is Literata at 330), x-height 500, 10 units more room on each side of every letter, the text optical size for every size
- Axis
- wght 200 to 900, default 400
- Files
- FenlySerif-Variable.woff2 (90 KB), FenlySerif-Italic-Variable.woff2 (93 KB)
- Languages
- English, Spanish, Portuguese, French, German, Italian and most Western European languages
- OpenType
- Ligatures (fi, fl, ff), tabular and proportional figures, fractions
- License
- SIL Open Font License 1.1: use it, ship it and change it, also in commercial work; if you change it, give it a new name. The full license ships with the font, and
scripts/fenly-serifin the Seed repo rebuilds it from Literata.