Dawnで、フォントサイズを100%以下にしたい

日本語 ディスカッション Shopify テーマ
1

DAWNというデフォルトのテーマを使っています。

どれか特定のフォントを小さくしたい、というわけではなく

サイト全体のフォントサイズを一回り小さくしたいと思っています。

DAWNではなぜか100%以下にフォントサイズが設定できないため、解決策を教えていただけますでしょうか。

イメージ的には、現在最小の100%に設定しているのを、70%くらいにしたいと思っています。

もし可能であれば、CSSで無理矢理小さくするというよりは、フォントサイズのスライダーを50%くらいまで延長させるスマートな実装ができれば最高です。

それが無理そうでしたら、CSSでフォントを全体の**%小さくするという指定などで大丈夫です。

2

ご質問いただいている、Dawnテーマのフォントサイズを100%以下にする件ですが、テーマ設定『タイポグラフィー』の見出し、本文の『フォント・サイズ・スケール』部分の設定を変更したいという認識で説明させていただきます。

対象箇所のフォントサイズ（%）は、テーマに用意されているjsonファイルを変更することで対応が可能です。

以下設定方法となります。

  • 管理画面より「オンラインストア > テーマ > カスタマイズボタンの横にある「…」 > コードを編集」からコード編集画面を開きます。
  • コード編集画面の「ファイルを検索」エリアに、『settings_schema.json』と入力しソートされたファイルを開きます。
  • 見出しのフォントサイズは『settings_schema.json』ファイルで『“id”: “heading_scale”』を検索してください。
    その下の行にある『“min”: 100,』が現在の最小値となりますので、こちらの数値を変更してください。
  • 本文のフォントサイズは『settings_schema.json』ファイルで『“id”: “body_scale”』を検索してください。
    その下の行にある『“min”: 100,』が現在の最小値となりますので、こちらの数値を変更してください。

ご参考まで。

(キュー小坂)

3

天才ですね。ありがとうございます。