Montserrat

18 styles · Variable
Google Fonts ↗

A geometric sans inspired by the old posters and signs of the Montserrat neighbourhood of Buenos Aires.

Designer
Julieta Ulanovsky
Styles
18 (variable)
Weights
100–900
Format
woff2
File size
37 KB (montserrat-latin-wght-normal.woff2)
Licence
SIL Open Font License 1.1
Source
Google Fonts
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 &!?

Usage

Add the stylesheet to your page, then use the family in your CSS.

<!-- HTML in your document's head -->
<link rel="preconnect" href="https://cdn.msar.me">
<link rel="stylesheet" href="https://cdn.msar.me/fonts/montserrat/font.css">
/* CSS */
:root { font-family: 'Montserrat Variable', sans-serif; }

Prefer CSS? @import url('https://cdn.msar.me/fonts/montserrat/font.css'); does the same thing.

Click the text to type your own

Letterforms that carry the story

Styles

Thin100

Morning by the river

ExtraLight200

Quiet letterforms

Light300

Stories for a grey day

Regular400

Light inside the words

Medium500

The smell of old books

SemiBold600

A city after rain

Bold700

Set letter by letter

ExtraBold800

Travellers on a long road

Black900

Paper boats afloat

Thin Italic100

First star of the evening

ExtraLight Italic200

Morning by the river

Light Italic300

Quiet letterforms

Regular Italic400

Stories for a grey day

Medium Italic500

Light inside the words

SemiBold Italic600

The smell of old books

Bold Italic700

A city after rain

ExtraBold Italic800

Set letter by letter

Black Italic900

Travellers on a long road

Sample text

Type on a screen has one job before any other: to get out of the reader’s way. A good headline face earns attention in a few words, then hands the reader on to the text without a jolt. Weight, contrast and spacing do that work quietly, long before anyone notices the shapes themselves.

Serving a font well matters as much as drawing it well. A small file, a long cache lifetime and a stylesheet that swaps in without hiding the text are the difference between a page that reads at once and one that makes people wait.

Glyphs 227 characters

!"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ·¸¹º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖרÙÚÛÜÝÞßàáâãäåæçèéêëìíîïðñòóôõö÷øùúûüýþÿĂıŒœʻʼˆ˚˜̣̩̀́̃̄̈̉–—‘’‚“”„•…′″‹›⁄€™↑↓−∕￿