こんにちは。デザインエンジニアの奥田です。HTMLとCSSを書くのが好きです。 現在、デザインシステムのコンポーネントを実装しています。その際に気になって調査したフォントの話を書こうと思います。時間がない方は「まとめ」だけでも読んでいってください。でもほんとは全部読んでくれるとうれしいです。 はじめに環境:Mac OS Big Sur 11.7、GoogleChrome最新 このnoteの中では、以下の表記で進めたいと思います。 ヒラギノ角ゴシックProN...Hiragino Kaku Gothic ProN ヒラギノ角ゴシック...Hiragino Sans きっかけFigmaデータを見ながらボタンコンポーネントを作るためにCSSを書いていた際、指定されているフォントが「Hiragino Kaku Gothic ProN / W6」になっているのに目が止まりました。 ここまでは普通で、