Hubot Sans is a sans serif font open sourced by GitHub and is Mona Sans robot partner. The font is designed with more geometric features, giving it a technical and specific feel, perfect for headline quotes.

Hubot Sans is a variable font. Variable fonts can incorporate different variations of a font into a single file and are supported by all major browsers, enabling performance benefits and fine-grained design control over font weight, width, and slant.

usage

For the web, it is recommended to use Hubot-Sans.woff2.use @font-face A rule defines a font, sets its weight and stretch, and uses 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 fonts in the head of the document.

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