タイポグラフィ
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見出しは短く親しみやすく、Coddy Round で。
- 2それ以外はすべて Varela Round で。
- 3ボタンのラベルは大文字で(ラテン文字の場合)。
- 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 について書きますか?
会社情報、創業者、プレス窓口はプレスページにまとめています。 プレスキットへ