Resistenza Type

Mono logo

A monospace typeface in 13 styles — from Regular to Script, from Rounded to Bold Italic. Designed for those who speak in code and poetry.

13Styles
3Families
VFVariable
3Scripts
Resistenza Type introduces
Monologo
24
Monologo Resistenza Type
rsztype.com
Apr–TTF
Est. 2014
Boarding Pass | Economy Class 0919/517 3759231 021 21 A
Passenger Name
Sean Johnson
31
31T8
Stockholm
W52A4F2
13:30
Economy
London
2B
Reminder — Please arrive at the boarding gate no later than 20 minutes before departure. This boarding pass is valid only with a valid government-issued photo ID. Monologo Bold · Resistenza Type· rsztype.com
Sean Johnson
W52A4F2
Monospaced Figures
Style Monologo
Regular The quick brown fox
Medium The quick brown fox
Bold The quick brown fox
Italic The quick brown fox
Medium Italic The quick brown fox
Bold Italic The quick brown fox
Script The quick brown fox
Script Medium The quick brown fox
Script Bold The quick brown fox
Rounded The quick brown fox
Rounded Medium The quick brown fox
Rounded Bold The quick brown fox
monologo.css — full setup
/* ───────────────────────────────────────────── Monologo — Resistenza Type Foundry 13 styles · Variable Font · Latin / Greek / Cyr rsztype.com/fonts/monologo ───────────────────────────────────────────── */ /* ── UPRIGHT ── */ @font-face { font-family: 'Monologo'; src: url('Monologo-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: block; } @font-face { font-family: 'Monologo'; src: url('Monologo-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: block; } @font-face { font-family: 'Monologo'; src: url('Monologo-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: block; } /* ── ITALIC ── */ @font-face { font-family: 'Monologo'; src: url('Monologo-Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: block; } @font-face { font-family: 'Monologo'; src: url('Monologo-MediumItalic.woff2') format('woff2'); font-weight: 500; font-style: italic; font-display: block; } @font-face { font-family: 'Monologo'; src: url('Monologo-BoldItalic.woff2') format('woff2'); font-weight: 700; font-style: italic; font-display: block; } /* ── ROUNDED ── */ @font-face { font-family: 'Monologo Rounded'; src: url('Monologo-Rounded.woff2') format('woff2'); font-weight: 400; font-display: block; } @font-face { font-family: 'Monologo Rounded'; src: url('Monologo-RoundedMedium.woff2') format('woff2'); font-weight: 500; font-display: block; } @font-face { font-family: 'Monologo Rounded'; src: url('Monologo-RoundedBold.woff2') format('woff2'); font-weight: 700; font-display: block; } /* ── SCRIPT ── */ @font-face { font-family: 'Monologo Script'; src: url('Monologo-Script.woff2') format('woff2'); font-weight: 400; font-display: block; } @font-face { font-family: 'Monologo Script'; src: url('Monologo-ScriptMedium.woff2') format('woff2'); font-weight: 500; font-display: block; } @font-face { font-family: 'Monologo Script'; src: url('Monologo-ScriptBold.woff2') format('woff2'); font-weight: 700; font-display: block; } /* ── VARIABLE FONT ── */ @font-face { font-family: 'Monologo VF'; src: url('Monologo_VF.woff2') format('woff2-variations'); font-weight: 100 900; font-style: normal; font-display: block; } /* ── CSS CUSTOM PROPERTIES ── */ :root { --font-mono: 'Monologo', monospace; --font-rounded: 'Monologo Rounded', monospace; --font-script: 'Monologo Script', monospace; --font-vf: 'Monologo VF', monospace; --weight-regular: 400; --weight-medium: 500; --weight-bold: 700; } /* ── BASE ── */ body { font-family: var(--font-mono); font-weight: var(--weight-regular); font-feature-settings: 'tnum' 1, 'kern' 1, 'liga' 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ── UTILITY CLASSES ── */ .mono { font-family: var(--font-mono); } .rounded { font-family: var(--font-rounded); } .script { font-family: var(--font-script); } .vf { font-family: var(--font-vf); } .regular { font-weight: 400; font-style: normal; } .medium { font-weight: 500; font-style: normal; } .bold { font-weight: 700; font-style: normal; } .italic { font-style: italic; } /* ── TABULAR FIGURES (data, code) ── */ .tabular { font-feature-settings: 'tnum' 1; font-variant-numeric: tabular-nums; } /* ── VARIABLE FONT ANIMATION ── */ @keyframes weightPulse { 0%, 100% { font-weight: 400; } 50% { font-weight: 700; } } .vf-animate { font-family: var(--font-vf); animation: weightPulse 2s ease-in-out infinite; } /* ── RESPONSIVE SCALE ── */ .display { font-size: clamp(48px, 10vw, 140px); font-weight: 700; line-height: 0.9; letter-spacing: -0.03em; } .heading { font-size: clamp(24px, 4vw, 56px); font-weight: 700; line-height: 1.1; } .body { font-size: clamp(14px, 1.5vw, 18px); font-weight: 400; line-height: 1.65; } .caption { font-size: 11px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; } .code { font-size: 13px; font-weight: 400; line-height: 1.8; font-feature-settings: 'tnum' 1, 'calt' 1; }
animation.js — GSAP Variable Font
const timeline = gsap.timeline({ repeat: -1 }); const chars = document.querySelectorAll(".text"); gsap.set(".one", { color: "#3498DB" }); gsap.set(".two", { color: "#E74C3C" }); gsap.set(".three", { color: "#F1C40F" }); gsap.set(".four", { color: "#3498DB" }); gsap.set(".five", { color: "#27AE60" }); gsap.set(".six", { color: "#E74C3C" }); timeline.from(chars, { opacity: 1, scale: 0, ease: "sine", delay: 0.25 }).to(".text", { "--font-weight": 800, duration: .9, ease: "sine.inOut", stagger: { yoyo: true, each: .1, repeat: -1 } });
Use case
coding with_
regular & script
Monologo Bold in use ↓

13 Styles
Regular The quick fox
Italic The quick fox
Medium The quick fox
Medium Italic The quick fox
Bold The quick fox
Bold Italic The quick fox
Rounded The quick fox
Rounded Medium The quick fox
Rounded Bold The quick fox
Script The quick fox
Script Medium The quick fox
Script Bold The quick fox
Size Waterfall — Bold
Type Tester
52px
Complete Glyph Set

Every
character
counts.

Get
Monologo.

13 styles · Variable font · Latin, Greek & Cyrillic · Desktop, web & app licenses.

Get Monologo on Resistenza →