タイポグラフィ
用途
ボディコピーのためのプライマリフェイスと、インパクトのためのヘッディングフェイス。サイトに既に読み込まれているGoogleフォントを選択します。
フォント、太さ、サイズ、行間、字間は公開サイトのすべてのテキストに適用されます。
アクセス
私のウェブサイト で Studio を開く をクリックします。Studio のメニューで デザイン › タイポグラフィ を開きます。
変更はライブプレビューに表示されます。変更を保存 をクリックして保存します。
- チームで Steer Studio モジュールが有効である必要があります。無効の場合、メニューに 私のウェブサイト は表示されません。
手順
- 上記の手順でセクション を開きます。
- 下の設定を入力します。右側のライブプレビューが入力に合わせて更新されます。
- 変更を保存 をクリックします。保存した変更は公開サイトに反映されます。破棄 で未保存の変更を取り消せます。
本文フォント
段落とUIに使用
- メインフォント — Googleフォント名である必要があります。公開サイトに読み込まれました。
見出しフォント
H1–H3に使用
- 表示フォント — ペアコントラスト：セリフボディ+見出しなし、またはその逆。
テキストのリズム
読みやすさと階層を微調整する
- 体重
- フォントの太さを見出し
- 本体サイズ
- 本文の行間
- 見出し行の高さ
- 本文の文字間隔
- 見出 しの文字間隔
典型的な使い方
読みやすい本文フォントと、対照的な見出しフォントを組み合わせます。
知っておくと便利なこと
- フォント名は Google Fonts である必要があり、公開サイトで読み込まれます。
- バージョン履歴 には最新 20 件の保存済みバージョンが残ります。開くとエディターに読み込まれ、変更を保存 で適用されます。
よくある問題
「保存に失敗しました」。 変更は保存されていません。強調表示された項目を確認し、もう一度 変更を保存 をクリックしてください。
「接続が切れました。変更はまだ保存されていません…」 ページを開いたままにしてください。接続が戻ると保存されます。
「サーバーが応答していません。変更は保存されていません…」 しばらく待ってから、もう一度 変更を保存 をクリックしてくださ い。
「Studio を新しいタブで開くにはポップアップを許可してください。」 Studio は 私のウェブサイト から新しいタブで開きます。Steer Autos のポップアップを許可し、もう一度 Studio を開いてください。