github / hubot-sans

Hubot Sans, a variable font from GitHub

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

Style Name	Italic Name	Weight	Width
ExtraLight Narrow	ExtraLight Narrow Italic	200	75
Light Narrow	Light Narrow Italic	300	75
Regular Narrow	Regular Narrow Italic	400	75
Medium Narrow	Medium Narrow Italic	500	75
SemiBold Narrow	SemiBold Narrow Italic	600	75
Bold Narrow	Bold Narrow Italic	700	75
ExtraBold Narrow	ExtraBold Narrow Italic	800	75
Black Narrow	Black Narrow Italic	900	75
ExtraLight	ExtraLight Italic	200	100
Light	Light Italic	300	100
Regular	Regular Italic	400	100
Medium	Medium Italic	500	100
SemiBold	SemiBold Italic	600	100
Bold	Bold Italic	700	100
ExtraBold	ExtraBold Italic	800	100
Black	Black Italic	900	100
ExtraLight Wide	ExtraLight Wide Italic	200	125
Light Wide	Light Wide Italic	300	125
Regular Wide	Regular Wide Italic	400	125
Medium Wide	Medium Wide Italic	500	125
SemiBold Wide	SemiBold Wide Italic	600	125
Bold Wide	Bold Wide Italic	700	125
ExtraBold Wide	ExtraBold Wide Italic	800	125
Black Wide	Black Wide Italic	900	125

License

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

hubot-sans's Issues

Maths symbols do not have tabular width

As per typographic standard, all maths symbols should share the same tabular width. This is not the case in Hubot Sans.

Period shifts in height between Roman and Italic

In the master Black Wide Italic, the period is smaller than in the Black Wide master. This does not appear to be a design choice, as a height difference is not present in any other Roman/Italic master pairs.

Parentheses not condensed in Narrow masters

The parentheses parenleft and parenright () are not condensed in the Narrow masters, which looks very odd. The other parentheses []{} are correctly condensed.

I.ss01 diacritics are wrong

The base glyph used in the .ss01 variants of the I are wrong, as it points to the I.ss04 instead of the I:

GitHub Fonts

Revise ogonek design

See github/mona-sans#57

Superior figures are not superior

Somehow, the superior figures are the same as the inferior ones. Note: The inferior figures are sitting on the baseline, which is... odd, to say the least.

Please do not use the " - " symbol in font names.

Do not use the " - " symbol in the font name. When using the variable version in Figma from different operating systems, more specifically Windows 11 and MacOS, the font names are not displayed correctly, and therefore do not work on one of the operating systems.
When installing the variable version on MacOS, the system removes the " - " character. Because of this, the error "Missing fonts" occurs in the Figma project on Windows

Eogonek, Iogonek.ss04: faulty design

The anchor is misplaced for the Eogonek.

In Iogonek.ss04 as well.

All font variations are recognized as Regular by Windows

Hubot-Sans in Adobe Illustrator issue

Horntilde accents clashing in heavy masters

For glyphs Ohorntilde, Uhorntilde and ohorntilde, the accent design is clashing in some masters, predominantly in the heavier masters.

Drawing: Make proper extremes

There are numerous issues concerning drawing quality. Most notably: the vertical/horizontal extremes are not always correctly placed (in both Roman and Italic masters). Example:

These issues can be found witht the mekkablue script Path Problem Finder.

Why are the guillemets so massive?

Note they are also not 100% aligned with x height/baseline in all masters.

For Newbies

I would recommend a description be included in the installation files

bracketleft not properly slanted

bracketleft is incorrectly slanted.

/mu, other glyphs not italic in all Italic masters

Tasks

Beta Give feedback

1. mu
2. pi
3. ordfeminine
4. ordmasculine
5. paragraph
6. at
7. macroncomb
8. Thorn
9. trademark
10. ae
11. currency

periodcentered.loclCAT does not have stylistic set variation

The default dots are square, ss01 is for rounded dots. The default periodcentered.loclCAT (+.case) is round. The default should be square, with a round alternative for ss01.

Slashed zero error?

After installation, I found that the display style of "0" is different from the preview image on the website
This "0" is Slashed zero

Missing stylistic set variants

The following stylistic set glyphs are missing:

ss01 (round dots):

Idieresis.ss01.ss04
Idotaccent.ss01.ss04
Idotbelow.ss01.ss04
Uhorndotbelow.ss01
idotaccent.ss01
udotbelow.ss01
zdotaccent.ss01
idotbelow.dotless.ss01

ss03 (alternate r):

racute.ss03
rcaron.ss03
rcommaaccent.ss03

ss04 (serifless I):

Ibreve.ss04

No way to distinguish between capital i and lowercase L

There is no way to distinguish between upper case I and lower case l.

/notequal looks weird

Stem widths are inconsistent

Stem widths are very inconsistent. Some masters have discrepancies of 5 units between stems.

Q.ss01 should be in separate stylistic set

Q.ss01 has nothing to do with the rounded dots which dictate the theme of ss01.

Braces are not lining up

Request for characters: U+2103 ℃ & U+2109 ℉

Range of `ital` axis causing italics not rendering properly on Firefox

Hubot Sans has the ital axis range set to 0 to 10, whereas the convention of ital axis (MDN, OpenType), the range is set to 0 to 1.

Firefox uses ital=1 on a variable font when CSS specifies font-family: italic;, which renders an almost illegible slant instead of the expected italic style.

Similar issue: github/mona-sans#42

§ Missing

Hi, im missing the paragraph glyph: §