Awesome

Hubot Sans

Download Hubot Sans • Typeface microsite ↗️

Hubot Sans is Mona Sans’s robotic sidekick. The typeface is designed with more geometric accents to lend a technical and idiosyncratic feel—perfect for headers and pull-quotes. Made together with Degarism.

Hubot Sans is a variable font. Variable fonts enable different variations of a typeface to be incorporated into one single file, and are supported by all major browsers.

Usage

For web, we recommend using Hubot-Sans.woff2. Define the font with a @font-face rule, set its weight and stretch ranges, and use it:

@font-face {
  font-family: 'Hubot Sans';
  src:
    url('Hubot-Sans.woff2') format('woff2 supports variations'),
    url('Hubot-Sans.woff2') format('woff2-variations');
  font-weight: 200 900;
  font-stretch: 75% 125%;
}
html {
  font-family: 'Hubot Sans';
}

To reduce CLS, you can preload the font in the head of your document:

<link rel="preload" href="Hubot-Sans.woff2" as="font" type="font/woff2" crossorigin>

Styles

License

Hubot Sans is licensed under the SIL Open Font License v1.1.