どうも、ピースオブケイクでデザイナーやってる佐賀野です。 先日noteでコード埋め込み機能(β)が実装されました。 実は今回、このコード挿入機能にあわせてnote独自の等幅フォントを開発、実装しています。その名も「note monospace」。 この note monospace についてちょっとご紹介させていただきます。 開発の経緯 コード挿入機能の実装にある目処がたった段階で、note開発チーム内で「noteオリジナルの等幅フォントがあったら面白いね」という話が軽く持ち上がりました。 必須要件ではないのでそのままデバイス依存の等幅フォントを表示するだけでもよかったのですが、等幅フォントにチャレンジする良い機会には違いないので、土日を使って(半ば勝手に)プロトタイプを作成。その後、社内で見てもらい実装の許可をもらった後、隙間時間でブラッシュアップを続け、埋め込み機能と同時公開となりまし
![コード埋め込み機能(β)用のフォントを作りました|佐賀野 宇宙](https://cdn-ak-scissors.b.st-hatena.com/image/square/068807cca81a6b732bd5551d554ae636983ba252/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F5914091%2Frectangle_large_c753d79e15b9ce4b75cf35fa06f16960.jpg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)