mona-sans - モナサンズ、GitHubの可変フォント

(Mona Sans, a variable font from GitHub)

Created at: 2022-08-16 03:10:38
Language: NULL
License: NOASSERTION

モナ・サンス

モナサンズタイプフェイスマイクロサイトの↗️ダウンロード

デガリズムと共同でデザインされ、産業時代のグロテスクに触発された、強力で用途の広い書体。Mona Sansは、製品、Web、印刷物全体でうまく機能します。モナ・サンズの相棒であるヒューボット・サンズと一緒にうまく機能するように作られました。

モナサンスは可変フォントです。可変フォントを使用すると、書体のさまざまなバリエーションを1つのファイルに組み込むことができ、すべての主要なブラウザでサポートされているため、パフォーマンスが向上し、書体の太さ、幅、傾斜をきめ細かく設計できます。

モナさん

使い

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

Mona Sans.woff2
@font-face

@font-face {
  font-family: 'Mona Sans';
  src:
    url('Mona-Sans.woff2') format('woff2 supports variations'),
    url('Mona-Sans.woff2') format('woff2-variations');
  font-weight: 200 900;
  font-stretch: 75% 125%;
}

html {
  font-family: 'Mona Sans';
}

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

head

<link rel="preload" href="Mona-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

ライセンス

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