https://github.com/github/hubot-sans

Hubot Sans, a variable font from GitHub
https://github.com/github/hubot-sans

font variable-fonts

Last synced: about 3 hours ago
JSON representation

Hubot Sans, a variable font from GitHub

• Host: GitHub
• URL: https://github.com/github/hubot-sans
• Owner: github
• License: ofl-1.1
• Created: 2022-08-22T15:10:15.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-17T12:45:46.000Z (about 2 months ago)
• Last Synced: 2024-12-05T05:33:35.347Z (7 days ago)
• Topics: font, variable-fonts
• Language: Shell
• Homepage: https://github.com/mona-sans
• Size: 25.6 MB
• Stars: 1,854
• Watchers: 158
• Forks: 39
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS
  • Security: SECURITY.md
  • Support: SUPPORT.md
  • Authors: AUTHORS.txt

Awesome Lists containing this project

• my-awesome - github/hubot-sans - fonts pushed_at:2024-10 star:1.9k fork:0.0k Hubot Sans, a variable font from GitHub (Shell)
• awesome-github-repos - github/hubot-sans - Hubot Sans, a variable font from GitHub (Shell)

README

        
# Hubot Sans

[Download Hubot Sans](http://github.com/github/hubot-sans/releases/latest) • [Typeface microsite](http://github.com/mona-sans) ↗️

**Hubot Sans** is [Mona Sans’s](https://github.com/github/mona-sans) 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](https://degarism.com/).

Hubot Sans is a [variable font](https://web.dev/variable-fonts/). Variable fonts enable different variations of a typeface to be incorporated into one single file, and are [supported by all major browsers](https://caniuse.com/?search=variable%20fonts).

![hubot-sans](https://user-images.githubusercontent.com/99746865/200649171-0eb80908-df45-4fd5-9fc7-53403f5709da.png)

## 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:

 ```css

 @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](https://web.dev/cls/), you can preload the font in the `head` of your document:

 ```html

 

 ```

## 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](http://scripts.sil.org/OFL).