Webフォント設計の判断基準｜数値より先に考えるべきこと
line-height・letter-spacing・font-weightを決める前に知っておくべき設計思想。数値表を見る前にこの記事を読んでください。
2025-11-15
Font Preview
8 件の記事
Font Previewの使い方｜フォント選びを「感覚」から「確認」に変える
Google Fontsや日本語システムフォントをリアルタイムでプレビュー。数値を決める前に、目で見て確認する。
2025-11-14
font-weightの数値と見た目｜太さを信用してはいけない理由
同じ700でもフォントで全然違う。数値表を覚える前に知るべき「太さの落とし穴」。
2025-11-12
Google Fontsの読み込み方法｜実務での割り切りポイント
linkタグ + preconnect が基本。@importは避ける。パフォーマンスと見た目のトレードオフをどこで折り合いをつけるか。
2025-11-10
可変フォント（Variable Fonts）入門｜使うべき場面と捨てる判断
1ファイルで複数ウェイト。便利だが、使わない選択肢もある。可変フォントを採用すべきかの判断基準。
2025-11-08
line-heightの最適値を探る｜狭すぎたときに何が起きるか
日本語は1.7〜1.8から始める。欧文の数値をそのまま使うと窮屈になる理由と、迷ったときの判断基準。
2025-11-05
letter-spacing（字間）の調整ガイド｜触る前に知るべきこと
日本語本文は基本触らない。調整が必要になる兆候と、広げすぎた時の失敗例。
2025-10-28
font-familyのフォールバック指定｜事故る前に知るべきこと
Webフォントが読み込めなかったときに何が起きるか。私が実際に踏んだ地雷と、安全な指定パターン。
2025-09-28