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

  • Home
  • 4. タイポグラフィについて
コース内容
1. ヒアリング・要件定義・リサーチ・ライティング・サイトマップ
この講座で学べることの要約
0/8
5. デザイン添削
0/1
6. デザイン添削
0/1
8. コーディング振り返り・質問
0/2
9. LPコーディング1回目
0/1
10. LPコーディング2回目
0/1
12. WordPress実践
13. ポートフォリオ制作
14. 営業・提案・見積もり作成
15. 保守・運用
jQueryコード集
0/1
保護中: WEB制作

①種類

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

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

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

 

②サイズ

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

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

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