My Riaff: A Handwritten Font That Feels Human on Screen
I was halfway through refining the hero section of a new coaching website—soft pastel background, clean layout, intentional whitespace—when the headline just felt… distant. The sans serif I’d started with was legible, yes, but it didn’t carry warmth. Not the kind that invites someone to pause, breathe, and feel seen. So I opened my font library, scrolled past the usual suspects, and landed on My Riaff. Within seconds, I swapped in the headline: “You Belong Here.” And suddenly, the page exhaled.
My Riaff is a script font with gentle, consistent pressure variation—like ink flowing from a fine-tip marker held by a calm, confident hand. It’s not overly bouncy or chaotic; there’s rhythm in its loops, clarity in its letterforms, and just enough irregularity to feel handmade without sacrificing legibility. As a Script Amp font, it lives in that thoughtful middle ground between playful and polished—ideal for digital spaces where personality matters, but professionalism can’t be compromised.
In practice, I used My Riaff for the primary headline, subhead (“Start your 1:1 journey this month”), and a soft CTA button (“Book a Free Clarity Call”). For everything else—body copy, navigation, form labels—I paired it with a neutral, highly readable sans serif (Inter, set at 16px with 1.5 line height). That contrast worked beautifully: My Riaff gave voice and feeling; the sans serif grounded the experience in clarity and ease.
On mobile, I tested My Riaff at multiple sizes. At 32px on a 375px viewport, it held up well—no crowding, no awkward spacing. But below 28px, especially over image overlays or in buttons, the delicate joins between letters started to blur. So I reserved it strictly for larger display roles: hero titles, section headers, quote highlights, and branded graphic elements like downloadable checklist headers in the course sales page I later adapted it for. It’s not a workhorse font—and it shouldn’t be. It’s a spotlight font.
What surprised me most was how much it shaped perceived tone. On a boutique online store selling handmade ceramics, My Riaff in a product banner (“Hand-Thrown • Small Batch • Shipped With Care”) added sincerity without cliché. On a children’s activity blog redesign, it brought joy to newsletter sign-up prompts (“Get Your Free Coloring Pack!”) while still feeling cohesive next to crisp body text. It doesn’t scream “fun”—it whispers “thoughtful,” which builds quiet trust.
Readability checks were non-negotiable. I previewed My Riaff over light and dark backgrounds, with and without subtle text shadows. On pure white, it shines—especially at 40–48px with generous letter-spacing (tracked at +40 for desktop, +20 for mobile). Over soft gradients or muted photography, I added a thin white stroke (1px, semi-transparent) just once—not as a crutch, but as a graceful lift. No heavy outlines, no fill tricks. It’s a font that rewards restraint.
Font pairing was intuitive but worth testing. My Riaff pairs best with typefaces that don’t compete: a warm, open sans serif (like Poppins or Manrope) for UI text, or a gentle serif (Cormorant Garamond, lightly weighted) for editorial sections like blog intros or course module titles. Avoid pairing it with other scripts or high-contrast serifs—the visual weight imbalance makes My Riaff feel fragile instead of intentional. Think of it as the handwritten note tucked into a well-designed envelope, not the envelope itself.
I also checked what came in the package before deploying. My Riaff includes standard OpenType features—ligatures, stylistic alternates, and multilingual support covering Western European languages. No bold or italic weights (it’s a single-style script font), so I relied on size, color, and spacing to create hierarchy—not weight shifts. For web use, I confirmed the .woff2 files were included and optimized. Licensing was clear: commercial use permitted, including client sites and SaaS dashboards, as long as it’s embedded properly and not redistributed as part of a template library.
In real layouts, My Riaff thrives where emotion supports function: a portfolio site’s “About Me” headline, a campaign landing page’s value proposition (“Simple Tools. Real Progress.”), a digital brand kit’s mood board title, or a course sales page’s benefit-driven bullet points (“Learn at your pace • No jargon • Real examples”). It’s less effective in dense paragraphs, data tables, or small interface elements like dropdown menus or pagination links—places where speed and certainty matter more than charm.
One thing I appreciated: My Riaff doesn’t try to do everything. It knows its role. That makes it easier to design *with*, not around. When you’re building a digital brand that balances authenticity and polish—whether for a solo creative, a wellness coach, or a small-batch maker—it becomes a quiet ally. Not flashy. Not loud. Just human, in all the right ways.
If you’re evaluating fonts for your next web project, ask yourself: Where does your audience need to feel *seen*, not just informed? That’s where My Riaff earns its place—not as decoration, but as intention made visible.
