4. タイポグラフィについて

  • Home
  • 4. タイポグラフィについて
コース内容
マインドセット編
0/1
5. デザイン添削
0/1
6. デザイン添削
0/1
8. コーディング振り返り・質問
0/2
9. コーディング1回目
0/1
10. コーディング2回目
0/1
14. 営業・提案・見積もり作成
15. 保守・運用
保護中: WEB制作【1期生】

①種類

Webフォント:Webサーバーに配置されたフォントデータをページに表示させる技術。ユーザーの環境に依存せず、様々なデバイスで閲覧者に統一して表示できる。

基本2〜3種類程度で作成しましょう→多くのフォントを使用すると見づらいだけでなく、サイトが重くなる原因になります。

デザイン的にWebフォント以外を使用する場合は最低限に止め、画像で入れ込みます。

 

②サイズ

基本となる本文テキストのフォントサイズは16px(Google推奨)

最小のフォントは10pxですが、読んでもらうための情報は最低でも12px以上に設定しましょう。

ジャンプ率(要素の大きさの差)を意識して、見出しのサイズを決めていきましょう。デザイントーンによっても適切なジャンプ率は違うので、意識しましょう。