Menu
CoddyTech

タイポグラフィ

Coddy のタイポグラフィ

丸みのあるふたつの書体。見出しは、ワードマークから生まれた Coddy Round。読む文字はすべて Varela Round。コードには等幅フォント。

ディスプレイ

Coddy Round

Audiowide の外側のとがった角を、すべて丸くしたもの。ワードマークを描いたのとまったく同じルールなので、見出しとロゴが同じ文字で話します。本物のウェイトが5つ、ラテン文字とキリル文字、SIL Open Font License のオープンソースです。

AaRegular 400
AaMedium 500
AaSemiBold 600
AaBold 700
AaExtraBold 800

試してみる

何か入力してみて

ヘブライ文字とアラビア文字は、相性のよいコンパニオン書体を同じウェイトにそろえて描いています。

本文

Varela Round

本文、ボタン、すべてのインターフェースのラベルに。親しみやすく、ひらけていて、小さなサイズでも読みやすい。無料の Google Font です。

Coddy は、短くて手を動かすレッスン、答えではなくヒントをくれる AI チューター、そして毎日戻ってきたくなるストリークで、プログラミングを教えます。

コード

等幅フォント

コード専用。見出しやボタンには使いません。

print("hello, codder")

組み合わせ

ふたつの書体の使い分け

  1. 1見出しは短く親しみやすく、Coddy Round で。
  2. 2それ以外はすべて Varela Round で。
  3. 3ボタンのラベルは大文字で(ラテン文字の場合)。
  4. 4見出し書体はレイアウトごとにひとつ。3つ目は混ぜません。

Coddy のものではない

Coddy の書体ではないフォント

このページを見ずに作られたクリエイティブによく出てきます。差し替えをお願いします。

  • Poppins
  • Orbitron
  • 長体イタリックの e スポーツ風フォント
  • Nunito や Rubik の見出し

よくある質問

フォントについての質問

Coddy はどのフォントを使っていますか?
見出しとロゴには Coddy Round、本文には Varela Round です。
Coddy Round はダウンロードできますか?
はい。SIL Open Font License のもと、無料のオープンソースです。ここで ZIP を、または GitHub でソースを入手できます。
Coddy Round は Audiowide と同じですか?
Audiowide をもとに、外側のとがった角をすべて丸くしています。Audiowide はライセンス上の予約名なので、名前を変えています。

Coddy について書きますか?

会社情報、創業者、プレス窓口はプレスページにまとめています。 プレスキットへ

Coddyのプログラミング言語のイラスト

Coddyでコードを学ぼう

始める