フォント「Hiragino Kaku Gothic ProN」はどこにいったのか？
こんにちは。デザインエンジニアの奥田です。HTMLとCSSを書くのが好きです。 現在、デザインシステムのコンポーネントを実装しています。その際に気になって調査したフォントの話を書こうと思います。時間がない方は「まとめ」だけでも読んでいってください。でもほんとは全部読んでくれるとうれしいです。 はじめに環境：Mac OS Big Sur 11.7、GoogleChrome最新 このnoteの中では、以下の表記で進めたいと思います。 ヒラギノ角ゴシックProN...Hiragino Kaku Gothic ProN ヒラギノ角ゴシック...Hiragino Sans きっかけFigmaデータを見ながらボタンコンポーネントを作るためにCSSを書いていた際、指定されているフォントが「Hiragino Kaku Gothic ProN / W6」になっているのに目が止まりました。 ここまでは普通で、
Std、Pro、Pr6、Nってなに？意味を知って賢くフォントを選ぶ！フォント名による違いと使い分け徹底解説｜ヒラギノフォント公式note
Std、Pro、Pr6、Nってなに？意味を知って賢くフォントを選ぶ！フォント名による違いと使い分け徹底解説 みなさんはフォントを選ぶときにこんな経験をしたことはありませんか？ 「同じフォント名なのに、Std・Pro・ProN・Pr6Nなどの文字が付いている…これってなにが違うの？どんな意味があるの？どれを選べばいいの？」 じつはこのStdやProNなどは、フォントに含まれている文字の量や種類を表しているんです。 この違いを知ることで、「いざという時に文字が出なくて困った」、「フォントを変えたら文字が変わってしまって怒られた」などの「文字の事故」を防いだり、フォントを購入するときに適切なフォントを選べるようになります。 この記事では、3つのポイントに分けて解説します。 Std・Pro・Pr6の意味と「文字セット」 Nの付くフォントと付かないフォントの違い どれを選べばいい？フォントの使い分け
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
