Home

Awesome

Hubot Sans

Download Hubot SansTypeface 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.

hubot-sans

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

Style NameItalic NameWeightWidth
ExtraLight NarrowExtraLight Narrow Italic20075
Light NarrowLight Narrow Italic30075
Regular NarrowRegular Narrow Italic40075
Medium NarrowMedium Narrow Italic50075
SemiBold NarrowSemiBold Narrow Italic60075
Bold NarrowBold Narrow Italic70075
ExtraBold NarrowExtraBold Narrow Italic80075
Black NarrowBlack Narrow Italic90075
ExtraLightExtraLight Italic200100
LightLight Italic300100
RegularRegular Italic400100
MediumMedium Italic500100
SemiBoldSemiBold Italic600100
BoldBold Italic700100
ExtraBoldExtraBold Italic800100
BlackBlack Italic900100
ExtraLight WideExtraLight Wide Italic200125
Light WideLight Wide Italic300125
Regular WideRegular Wide Italic400125
Medium WideMedium Wide Italic500125
SemiBold WideSemiBold Wide Italic600125
Bold WideBold Wide Italic700125
ExtraBold WideExtraBold Wide Italic800125
Black WideBlack Wide Italic900125

License

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