Arima
Type with Purpose
Good typography guides attention, improves understanding, and makes communication effortless.
The Anatomy of a Typeface
By FontSide · June 2026
Every typeface is a system of decisions — about stroke contrast, x-height, spacing, and rhythm. The best ones feel invisible: you stop seeing the letters and start hearing the voice behind them. That transparency is the hardest thing to design.
A high x-height opens up the counters and makes small text breathe. Tight tracking pulls a headline together; loose tracking gives a caption room to exhale. None of these choices are accidents — they are arguments about how reading should feel.
Uppercase
Lowercase
Numerals
Symbols
Package Manager
The recommended way to use fonts in modern web projects.
1. Install Package
pnpm add @fontsource-variable/arima2. Import in App
import '@fontsource-variable/arima/wght.css';3. CSS Usage
body {
font-family: "Arima Variable", system-ui;
}Google Fonts CDN
Use Google's CDN to embed the fonts directly via HTML.
HTML <head>
<!-- Please select at least one weight and style -->Fontsource CDN
Skip the build step by adding this directly to your global CSS file.
Global CSS
/* arima-latin-wght-normal */
@font-face {
font-family: "Arima Variable";
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/arima:vf@latest/latin-wght-normal.woff2)
format("woff2-variations");
}Background & Story
A display font with soft edges and calligraphic feel is the main inspiration for Arima project.
It has a low contrast to allow good rendering on screen. Legibility is always a central concern, but the design has a lot of personality to be recognizable as a display font to be used in headlines, brand names, and similar uses on the web. The primary goal was to create a design that will prove popular because it resonates with both casual and professional designers, and without ever lowering the quality of the design. Each font in the family was extensively tested on low resolution phones and refined to work well as a web font in the mobile era. From the very first round of design testing, each font was hinted with ttfautohint and refined for Windows users.
Arima Madurai has an extended language support for the Tamil and Latin scripts, as well as Malayalam and Greek.
Greek developed during Google Summer of Code 2017 by Rosalie Wagner, under the mentorship of Emilios Theofanous and Irene Vlachou."
The Arima project is led by NDISCOVER, a type design foundry based in Portugal. To contribute, see github.com/NDISCOVER/Arima-Font
Tags & Moods
Subsets
Install
pnpm add @fontsource-variable/arimaDesigned by
Natanael Gama, Joana Correia, Rosalie Wagner
Links
License
OFL-1.1