コード埋め込み機能（β）用のフォントを作りました｜佐賀野 宇宙

どうも、ピースオブケイクでデザイナーやってる佐賀野です。 先日noteでコード埋め込み機能（β）が実装されました。 実は今回、このコード挿入機能にあわせてnote独自の等幅フォントを開発、実装しています。その名も「note monospace」。 この note monospace についてちょっとご紹介させていただきます。 開発の経緯 コード挿入機能の実装にある目処がたった段階で、note開発チーム内で「noteオリジナルの等幅フォントがあったら面白いね」という話が軽く持ち上がりました。 必須要件ではないのでそのままデバイス依存の等幅フォントを表示するだけでもよかったのですが、等幅フォントにチャレンジする良い機会には違いないので、土日を使って（半ば勝手に）プロトタイプを作成。その後、社内で見てもらい実装の許可をもらった後、隙間時間でブラッシュアップを続け、埋め込み機能と同時公開となりまし

[stilo]

『コード挿入機能にあわせてnote独自の等幅フォントを開発、実装しています。その名も「note monospace」』

[omron]

小さいサイズでの視認性に配慮とか普通にフォント作成の参考になる

[itouhiro]

「小サイズ・低解像度での視認性確保が前提。 コードで頻出の{} は特徴を強調。@や&は簡略化。記号は大きめ。小文字の高さも大きめ。交線部分潰れないよう切り欠きを設ける。線密度高く潰れ避けに縦線を部分的に細く」

[dachi023]

フォントまで作るの面白いな〜期待。