Moderustic

Try Moderustic

Weights and styles

• Light 300Moderustic Light
• Regular 400Moderustic Regular
• Medium 500Moderustic Medium
• SemiBold 600Moderustic SemiBold
• Bold 700Moderustic Bold
• ExtraBold 800Moderustic ExtraBold

Moderustic is a variable font: the download holds the whole weight range in one file, and the named weights above are positions on that range.

About Moderustic

Moderustic is a sans serif made for screens and interface text. Its defining property is uniwidth construction: a word occupies the same horizontal space in Light as in ExtraBold. The weight samples in the specimen confirm it, each line ending at the same point. The shapes are plain and round, with a single-storey a and g, a straight-legged k and open terminals on c and s. The family is variable on one axis, weight, from 300 to 800, with six named instances: Light, Regular, Medium, SemiBold, Bold and ExtraBold. There is no italic. The 1,541 glyphs cover Latin and Latin Extended, Greek, and Cyrillic with its extended block. Tural Alisoy is the designer, and the font file lists TAFT Foundry as manufacturer.

Where Moderustic works

Buttons, tabs and menus

A hovered or selected label can switch from Regular to Bold without changing its width, so neighbouring items stay in place.

Data tables and dashboards

Highlighting a row in a heavier weight does not reflow the column, because all weights share the same advance widths.

Multilingual apps

Latin, Greek and Cyrillic are drawn in one family, which keeps a localised interface consistent.

Animated weight transitions

The 300 to 800 axis can be animated on hover or focus while the layout holds still.

Product and documentation sites

Six weights supply headings, body and captions from a single variable file.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian
• Russian
• Ukrainian
• Bulgarian
• Greek

Writing systems with glyphs in the family besides Latin: Cyrillic, Greek. These are listed as scripts, not as a promise for every language written in them.

Character sets found in the files: cyrillic, cyrillic-ext, greek, latin, latin-ext. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with Moderustic

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use Moderustic on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

@font-face {
  font-family: "Moderustic";
  src: url("/assets/fonts/Moderustic-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Moderustic", sans-serif;
}

Or load it from the official source. Google Fonts serves Moderustic with this markup:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Moderustic:wght@300..800&display=swap" rel="stylesheet">

Things to know

Same width in every weight

Heavy weights look comparatively narrow and light weights comparatively wide, a consequence of the fixed widths.

No italic

Moderustic has upright styles only; emphasis comes from weight.

Single-storey a

The round a can be mistaken for o at very small sizes, so check critical strings such as codes.

FAQs

Similar fonts

Other families in the same classification, ordered by shared use tags. All sans serif fonts