Pretendardカスタムフォント導入記

<p>- リメンバーはなぜ基本フォントではなくカスタムフォントを適用することにしたのか <br /> → プラットフォームに関係なく統一して使えるカスタムフォントを適用<br /> - 検討事項 <br /> → 商用利用可能な無料フォントであること<br /> → 多様な太さ（Weight）をサポートすること<br /> → UI上で日本語が適切に表示されること<br /> - Spoqa Han Sans Neo vs. Pretendard<br /> → 最終検討の結果、Pretendardのほうがより適していると判断<br /> <br /> &quot;システム書体がプラットフォームに関係なく統一されたことで、デザイナーがプラットフォームごとにデザインを作る必要がなくなり、デザインシステム上のコンポーネントも単一化されて保守がより容易になった&quot;</p>

[majorika]

<p>同じ目的で作られた SUIT というフォントもあります。<br /> <br /> https://github.com/sunn-us/SUIT</p>;

[leewin12]

<p>本文の3番で言及されている「偏り現象」がどのようなものか、ご存じの方はいらっしゃいますか？<br /> ブログにある例では理解が難しく、韓国語フォントの偏り現象で検索してみたのですが、適切な説明を見つけられませんでした……</p>

[chanhee]

<p>フォントごとにテキストの上下の余白が異なることがほとんどです。 <br /> たとえばボタンの中に「確認」という文字がある場合、`padding: 4px 10px` のように上下を同じにすると、たいてい上寄りに見えることが多いです。 <br /> そのため `padding-top: 4px; padding-bottom: 2px;` のように指定することもありますが、この場合はテキストサイズが変わるたびに毎回対応しなければならず、少し面倒です。<br /> <br /> Pretendardフォントは上下の余白がほぼ同じ見た目ですね。</p>

[leewin12]

<p>ご回答ありがとうございます！</p>

[peterkimzz]

<p>Pretendardは本当に素晴らしいです。もう他のフォントはまったく検討しなくなりました。</p>

[xguru]

<p>- Pretendard - どのプラットフォームでも使える system-ui の代替韓国語フォント https://ja.news.hada.io/topic?id=4538</p&gt;