rotulo

Monoline typeface generated from skeletons: strokes of lines and arcs expanded with a round pen.

Live demo

Every letter is a skeleton of straight lines and arcs drawn in code, never a hand-drawn outline. The generator expands each skeleton with a round pen and writes TrueType and WOFF2 fonts. Weight is the pen width, so the family is a variable font from 200 to 700. A reading cut, Lectura, adds weight, spacing and letters that are hard to mirror.

Install

npm install rotulo
pip install rotulo

The TTF files are attached to each GitHub release.

Quick start

@import 'rotulo';

body {
    font-family: 'Rotulo', system-ui, sans-serif;
    font-weight: 200;
}

.reading {
    font-family: 'Rotulo Lectura', 'Rotulo', sans-serif;
}

python -m rotulo --out build --web build/web

Fonts

Color details

The fonts are one color. Built with color_details=True, dots, accents, the zero slash and punctuation move to a color layer (COLR/CPAL): the body takes the text color and the detail a palette color, #3d8a8f by default and #7fb7b5 on dark backgrounds (base-palette: 1).

Reading forms

ss01 switches four letters to the forms of Lectura: l with a tail, q with a crossed tail, a curved flag on 1 and a straight 9.

.labels {
    font-feature-settings: 'ss01';
}

Using the fonts outside the web

Parameters

Params holds every design decision, in units of a 1000 em:

from dataclasses import replace
from pathlib import Path

from rotulo import DISPLAY, build_font

print(build_font(replace(DISPLAY, weight=70), "Medium", 400, Path("build")))

Known limitations

• Latin script: Spanish, Portuguese, French and Catalan, figures and common symbols.
• The variable font keeps overlapping strokes and is not hinted; use the static files at small sizes on Windows.

Development

python -m venv .venv && . .venv/bin/activate
pip install -e '.[dev]'
pytest
ruff check src tests && ruff format --check src tests
mypy

The demo in demo/ is a static specimen: build the fonts into it with python -m rotulo --out build --web demo/fonts && cp web/rotulo.css demo/ and serve the folder.

The tests build every font and check heights against the skeleton, kerning, the optional color layers, ss01, hinting and that the variable font interpolates every glyph.

Contributing

Issues are welcome. Please open one before sending a pull request.

License

OFL-1.1 © GHEgar