The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
Lora and Inter are a serif and sans-serif pairing with strong contrast. Lora for headings, Inter for body text. Lora's calligraphic warmth paired with Inter's pixel-perfect precision. Bridges tradition and modernity. Perfect for content platforms, SaaS blogs, and knowledge bases.
LORA + INTER
EDIT BELOW
USE THIS PAIR
# npm
npm install @fontsource/lora @fontsource/inter
# yarn
yarn add @fontsource/lora @fontsource/inter
# pnpm
pnpm add @fontsource/lora @fontsource/inter
# Then import in your app entry point:
import '@fontsource/lora';
import '@fontsource/inter';
# CSS usage:
# h1, h2, h3 { font-family: 'Lora', serif; }
# body { font-family: 'Inter', sans-serif; }RECOMMENDED WEIGHTS · LORA
INTER
CHARACTER SET · LORA
INTER
Lora
A well-balanced serif with calligraphic roots, optimized for screen reading. Its brush-like curves and moderate contrast make it warm and inviting for body text in editorial contexts.
Cyreal, 2011
serif · 8 styles
Variable · Italic
Recommended: 400, 700
Available: 400–700
Inter
Designed by Rasmus Andersson for computer screens, Inter is a highly legible sans-serif with carefully adjusted letter-spacing and a tall x-height. One of the most widely used fonts in digital product design.
Rasmus Andersson, 2017
sans-serif · 18 styles
Variable · Italic
Recommended: 400, 500, 600
Available: 100–900
Would Lora + Inter work for my project?
Sends this question and a link back to this page.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.