SharePointリストの項目名の文字サイズについて

Question

SharePointリストの項目名の文字サイズについて

奥田裕加里 60

SharePointを使ってサイトを作成しています。

その中が、SharePointリストをWebパーツで配置していますが各列の項目名の文字サイズが12pxと小さく、高齢者や障害者の方々にとって見づらい状況です。

項目名の文字サイズを大きく、もしくはその他の対処法がございましたらご教示お願いいたします。

0 件のコメント

2 件の回答

お客様の回答

Answer 1

Makapu 92,110 ボランティアモデレーター

こんにちは。

調べましたところ、SharePoint Online のモダンリストについては、列ヘッダー（項目名）のフォントサイズは標準機能や JSON 書式では変更できない仕様となっておりました。

特定のリストのみ対応する方法としては、 SPFx Application Customizer により CSS を注入し、リスト ID で当て分けを行う対応となる様です。

（※本対応は、一般ユーザーが設定できるものではありませんが、 SharePoint 管理者が SPFx Application Customizer を使用すれば対応可能との事。）

＜参考ページ＞

How to Change the Font size of only the "Column Name" in Sharepoint List settings

Inject Custom CSS on SharePoint Modern Pages using SPFx Application Extensions

Makapu 92,110 評価のポイントボランティアモデレーター

2026-02-03T21:28:03.2066667+00:00

ご参考まで。

SharePointのモダンUIでカスタムCSS・カスタムJSを適用する方法

SharePoint リストに書式の変更からJSONで記述してCSSを適用する方法
奥田裕加里 60 評価のポイント

2026-02-04T02:16:15.63+00:00

Makapuさま

ご回答いただきありがとうございます。

当方管理者権限がなくSPFx Application Customizerを使用できません。

そのため、今回の項目名の表示編集は諦めたいと思います。

ありがとうございました。
simo-k 85,415 評価のポイントボランティアモデレーター

2026-02-04T02:55:48.19+00:00

＞当方管理者権限がなくSPFx Application Customizerを使用できません。
例え権限を保有していたとしても SPFxでの対応は避けた方が良いかと思います。
（SharePointの機能は都度改定されていたりします。 SPFxで対応した場合は、それに追従して確認や対応が必要になる場合があります。）

Answer 2

simo-k 85,415 ボランティアモデレーター

ブラウザの表示倍率で対応出来ないのでしょうか？　或いは、専用のビューをjsonにて作成してみて下さい。

simo-k 85,415 評価のポイントボランティアモデレーター

2026-02-03T01:38:37.12+00:00

リストの使い方次第かと思われます。
（手元にあったサンプルなので、リスト名/ビュー名称は無視してください。）

但し、人に依存する運用方法は維持が大変なので、当該SPOサイト共通にした方が良いかも？
奥田裕加里 60 評価のポイント

2026-02-04T01:55:01.91+00:00

simo-kさま

ご回答いただきありがとうございます。

ビューのJSONにて試みましたがうまくいきませんでした。

サンプルでご提示いただいたview-formattingビューでは、確かに項目名の文字サイズが大きくなっていることが確認できます。

どのような設定をされているかご教示いただけますと幸いです。

よろしくお願いいたします。

simo-k 85,415 ボランティアモデレーター

別用途で作成した深く考えていないサンプルです。
パラメーターなどを変えれば様々に変身するでしょう。
（SharePoint内では、サポートされていないhtmlタグがあるので留意のこと。）

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/view-formatting.schema.json",
  "hideColumnHeader": true,
  "hideSelection": true,
  "rowFormatter": {
    "elmType": "div",
    "style": {
      "display": "flex",
      "flex-direction": "column",
      "align-items": "flex-start"
    },
    "children": [
      {
        "elmType": "div",
        "attributes": {
          "class": "ms-bgColor-themePrimary ms-fontColor-white"
        },
        "style": {
          "display": "=if(@rowIndex == 0, 'flex', 'none')",
          "font-weight": "bold",
          "font-size": "18px",
          "width": "100%",
          "padding": "4px"
        },
        "children": [
          {
            "elmType": "div",
            "txtContent": "タイトル",
            "style": {
              "flex-grow": "1"
            }
          },
          {
            "elmType": "div",
            "txtContent": "column1",
            "style": {
              "width": "150px"
            }
          },
          {
            "elmType": "div",
            "txtContent": "column2",
            "style": {
              "width": "200px"
            }
          },
          {
            "elmType": "div",
            "txtContent": "column3",
            "style": {
              "width": "100px"
            }
          }
        ]
      },
      {
        "elmType": "div",
        "attributes": {
          "class": "ms-borderColor-neutralQuaternary"
        },
        "style": {
          "display": "flex",
          "font-size": "16px",
          "width": "100%",
          "padding": "0 4px",
          "border-bottom-width": "1px",
          "border-bottom-style": "solid"
        },
        "children": [
          {
            "elmType": "div",
            "txtContent": "[$Title]",
            "style": {
              "flex-grow": "1"
            }
          },
          {
            "elmType": "div",
            "txtContent": "[$column1]",
            "style": {
              "width": "150px"
            }
          },
          {
            "elmType": "div",
            "txtContent": "[$column2]",
            "style": {
              "width": "200px"
            }
          },
          {
            "elmType": "div",
            "txtContent": "[$column3]",
            "style": {
              "width": "100px"
            }
          }
        ]
      }
    ]
  }
}

奥田裕加里 60 評価のポイント

2026-02-05T01:58:03.7266667+00:00

simo-kさん

ご教示いただきありがとうございます。

実際のリストで試して見たいと思います。

ありがとうございました。

次の方法で共有

SharePointリストの項目名の文字サイズについて

2 件の回答

お客様の回答