hubot-sans - Hubot Sans、GitHubの可変フォント

(Hubot Sans, a variable font from GitHub)

Created at: 2022-08-22 23:10:15
Language: NULL
License: NOASSERTION

ハボット・サンズ

Hubot SansTypefaceマイクロサイトの↗️ダウンロード

Hubot Sans、モナサンズのロボットの相棒です。書体は、より幾何学的なアクセントで設計されており、技術的で独特の感触を与え、ヘッダーやプルクォートに最適です。デガリズムと一緒に作られました。

Hubot Sansは可変フォントです。可変フォントを使用すると、書体のさまざまなバリエーションを1つのファイルに組み込むことができ、すべての主要なブラウザでサポートされています

ヒューボットさん

使い

ウェブの場合は、使用をお勧めします。aruleでフォントを定義し、その太さとストレッチ範囲を設定して使用します。

Hubot-Sans.woff2
@font-face

@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';
}

CLS を減らすには、ドキュメントにフォントをプリロードします。

head

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

スタイル

スタイル名 斜体名 重量
エクストラライトナロー エクストラライトナローイタリック 200 75
ライトナロー ライトナローイタリック 300 75
レギュラーナロー 通常の狭い斜体 400 75
ミディアムナロー 中幅斜体 500 75
セミボールドナロー 半太字の狭い斜体 600 75
太字ナロー 太字 狭い斜体 700 75
エクストラボールドナロー エクストラボールドナローイタリック 800 75
ブラックナロー 黒の狭い斜体 900 75
エクストラライト エクストラライトイタリック 200 100
ライトイタリック 300 100
レギュラー 通常の斜体 400 100
中程度 ミディアムイタリック 500 100
セミボールド 半太字斜体 600 100
ボールド 太字斜体 700 100
エクストラボールド エクストラボールドイタリック 800 100
黒い 黒イタリック 900 100
エクストラライトワイド エクストラライトワイドイタリック 200 125
ライトワイド ライトワイドイタリック 300 125
レギュラーワイド 通常のワイドイタリック 400 125
ミディアムワイド ミディアムワイドイタリック 500 125
セミボールドワイド セミボールドワイドイタリック 600 125
太字ワイド 太字ワイド斜体 700 125
エクストラボールドワイド エクストラボールドワイドイタリック 800 125
ブラックワイド ブラックワイドイタリック 900 125

ライセンス

Hubot Sans はSIL Open Font License v1.1 の下でライセンスされています。