infohackジャーナル

情報を整理して効率化を目指そう!!

Notionのフォント・文字サイズ変更完全ガイド|できない時の即解決法

Notion フォント

「Notionで文字の大きさやフォントを変えたいのに、設定がどこにあるかわからない」「フォントを変更しても反映されない」——そんな悩みを持つ方は少なくありません。
結論から言うと、NotionはWordやGoogleドキュメントのようにフォントサイズを自由に指定する機能を公式には備えていません。ただし、ページ全体を縮小する「フォントを縮小」機能、見出しブロックによる拡大表示、KaTeX数式を使った自由なサイズ指定という3つのアプローチを組み合わせることで、実用上は十分な見た目のカスタマイズが可能です。

本記事では、2026年6月時点の仕様をもとに、PC・スマホそれぞれでのフォント・文字サイズ変更手順から、変更が反映されないときの原因と対処法まで解説します。
この記事でわかること:

  • Notionのフォント種類を変更する方法(3タイプ)
  • ページ全体の文字サイズを一括で変える手順
  • 見出しブロックやKaTeX数式を使って特定の文字だけサイズを変える方法
  • 日本語フォントに変更できるか(仕様と代替案)
  • フォント変更が反映されないときの原因と対処法

Notionのフォント・文字サイズ変更の基本操作(PC・スマホ対応)

Notionのフォント設定は、他のドキュメントツールと比べてシンプルです。まずは公式機能で何ができて、何ができないのかを正確に把握しましょう。

フォントの種類を3タイプから変更する方法

Notionでは、ページ単位でフォントの種類を3種類から選択できます。フォントサイズの変更とは別の機能ですが、見た目の印象を大きく変えられる重要な設定です。

3種類のフォントと特徴:

フォント名 見た目の特徴 用途
デフォルト Notionの標準フォント(サンセリフ系) 汎用・日常的なノート
セリフ 明朝体風の装飾あり文字 文章・読み物コンテンツ
モノスペース 等幅フォント コード・技術メモ・表形式

変更手順(デスクトップ・ブラウザ版):

  1. 変更したいページを開く
  2. 右上の「」(3点メニュー)をクリック
  3. スタイル」セクションを探す
  4. 「デフォルト」「セリフ」「モノスペース」から選択する

この設定はページ単位で適用されます。ワークスペース全体を一括変更する機能は2026年6月時点では存在しないため、各ページで個別に設定が必要です。

注意点:

  • モバイル版(iOS/Android)でもフォント種類の変更は可能ですが、表示が微妙に異なります
  • セリフフォントは英語テキストでは効果が明確ですが、日本語テキストでは差が出にくい場合があります
  • データベース内のテキストにも反映されます

私が実際に試したところ、技術系のメモにはモノスペース、長文の読み物コンテンツにはセリフを使うと読みやすさが上がりました。Notionのデフォルトフォントは非常に読みやすく設計されているので、まずはフォント種類の変更から試してみることをおすすめします。

ページ全体の文字サイズを一括で小さくする方法

Notionには**「フォントを縮小」**という機能があります。これをオンにすると、ページ全体のテキストが約80%のサイズに縮小され、一画面に表示できる情報量が増えます。

設定手順:

  1. 変更したいページを開く
  2. 右上の「」(3点メニュー)をクリック
  3. フォントを縮小」のトグルをオンにする
  4. ページ全体の文字が縮小される

重要な制限事項:

  • この機能はデスクトップアプリ・ブラウザ版のみ対応です
  • モバイル版(iOS/Android)では「フォントを縮小」オプションが表示されません
  • ページ全体に一括適用されるため、特定のブロックだけ縮小することはできません
  • データベースのプロパティ名やボタン内テキストには反映されない場合があります

なお、文字サイズを大きくする公式の方法はありません。Notionの標準UIでは「縮小」のみが唯一のサイズ変更機能です。大きくしたい場合は、後述する見出しブロックや数式ブロックを活用してください。

関連記事:Notionの基本操作全般については、以下の記事で詳しく解説しています。 infohack.hatenadiary.com

デスクトップ版とスマホ版の機能差まとめ

フォント関連の設定は、利用するデバイスによって大きく異なります。事前に把握しておくことでトラブルを防げます。

機能 デスクトップ版 ブラウザ版 モバイル版
フォント種類の変更 ✅ 可能 ✅ 可能 ✅ 可能(制限あり)
フォントを縮小 ✅ 可能 ✅ 可能 ❌ 不可
見出しブロック ✅ 可能 ✅ 可能 ✅ 可能
数式ブロック入力 ✅ 可能 ✅ 可能 ⚠️ 困難
ブラウザズーム連動 ⚠️ 限定的 ✅ 可能 ❌ 不可

【応用編】特定の文字・1行だけサイズを変える3つの裏ワザ

Notionの標準機能ではページ全体のサイズ縮小しかできませんが、特定の文字だけサイズを変えたい場合には以下の3つの方法が有効です。

① 見出しブロック(H1 / H2 / H3 / H4)を使い分ける

見出しブロックは単なるタイトルではなく、文字サイズを視覚的に変えるための最も簡単な方法です。Notionの見出しはH1〜H4まで4段階あり、それぞれ異なるサイズで表示されます。

見出しブロックの作成方法:

スラッシュコマンドを使う場合:

  • 見出し1(最大):/h1 または /heading1
  • 見出し2:/h2 または /heading2
  • 見出し3:/h3 または /heading3
  • 見出し4(最小):/h4 または /heading4

マークダウン記法を使う場合:

  • H1:# + テキスト
  • H2:## + テキスト
  • H3:### + テキスト

既存テキストを変換する場合:

  1. ブロック左の「⋮⋮」ハンドルをクリック
  2. 「ブロックタイプの変換」を選択
  3. 希望の見出しレベルを選択

実用的な使い分けの目安:

見出しレベル 用途 サイズ感
H1 ページタイトル・大セクション 特大
H2 章・主要トピック
H3 節・サブトピック 中大
H4 小見出し・補足タイトル

見出しブロックはNotion目次機能とも連動するため、長文ドキュメントのナビゲーション向上にも効果的です。「ノーション 文字の大きさ」を変えたいだけであれば、このアプローチが最も手軽で副作用がありません。

関連記事:Notionのブロック機能全般については以下をご覧ください。 infohack.hatenadiary.com

② 【文字サイズ自由自在】KaTeX数式機能を活用する

Notionの数式ブロックは本来、数学的な式を記述するための機能ですが、テキスト装飾・サイズ変更にも応用できます。これは多くの上級ユーザーが使う「裏ワザ」です。

数式ブロックの呼び出し方:

  • ブロック形式(独立した行)/math または /数式 と入力
  • インライン形式(文中に埋め込み):テキスト中に $$コマンド$$ と記入

フォントサイズコマンド一覧(コピペ対応):

\tiny{テキスト}          → 極小(注釈・免責事項向け)
\small{テキスト}         → 小(補足・キャプション向け)
\normalsize{テキスト}    → 標準
\large{テキスト}         → やや大(小見出し向け)
\Large{テキスト}         → 大(セクションタイトル向け)
\LARGE{テキスト}         → より大(メインタイトル向け)
\huge{テキスト}          → 巨大(キャッチコピー向け)
\Huge{テキスト}          → 最大(メガタイトル向け)

実用コード例(そのままコピー使用可):

小見出し用(太字・中サイズ):

\large{\textbf{重要なポイント}}

注意書き用(小サイズ):

\small{\text{※この機能はデスクトップ版のみ対応}}

強調タイトル用(大サイズ):

\LARGE{\textbf{\text{メインタイトル}}}

カラーとサイズの組み合わせ:

\large{\color{red}{\textbf{重要な警告}}}

複数行の組み合わせ:

\begin{align}
\large{\text{プロジェクト名: }} \LARGE{\textbf{\text{Notion完全攻略}}} \\
\small{\text{更新日: 2026年6月}}
\end{align}

KaTeX活用の注意点:

  • 日本語テキストは \text{日本語} で囲む必要があります
  • インライン形式では $$ の前後に半角スペースが必要な場合があります
  • モバイルからの編集・入力は困難です
  • 見た目は数式フォントになるため、本文テキストと完全に混在させるのは難しい

数式ブロックは「フォントサイズを自由に変えたい」という需要に対して最も柔軟に対応できますが、見た目が数学的になります。ダッシュボードのタイトルや強調表示など、デザイン的なアクセントとして活用するのがおすすめです。

③ テキストの色変更(背景色)と組み合わせてメリハリをつける

フォントサイズだけでなく、テキストカラーや背景色と組み合わせることで、サイズ変更に近い「視覚的なメリハリ」を作れます。

テキスト色・背景色の変更方法:

  1. 色を変えたいテキストを選択する
  2. 表示されるツールバーの「A」(テキストカラー)アイコンをクリック
  3. 「テキスト」または「背景」から色を選択

または:

  1. ブロック左の「⋮⋮」ハンドルをクリック
  2. 「カラー」を選択
  3. 希望の色を選択

効果的な組み合わせ例:

  • 警告・注意:赤テキスト + 見出しH3
  • 重要ポイント:黄色背景 + 太字(Ctrl+B / Cmd+B
  • 補足情報:グレーテキスト + 小文字(縮小ページ内)
  • ハイライト:青背景 + 通常テキスト

また、コールアウトブロック/callout)を使うと、絵文字アイコン+背景色つきのブロックが作れます。重要な情報を目立たせたい時に非常に効果的です。

Notionで好きな日本語フォント(フォントスタイル)に変更する方法はある?

「メイリオに変えたい」「游ゴシックを使いたい」「Notionを自分好みの日本語フォントにしたい」という声はよく聞きます。ここでは公式の仕様を正直に説明した上で、代替手段を解説します。

公式機能におけるフォント変更の限界と仕様

結論:2026年6月時点で、Notionの公式機能ではフォントを自由に変更することはできません。

Notionが提供するフォントは前述の3種類(デフォルト・セリフ・モノスペース)のみであり、ユーザーが任意の日本語フォントを指定する機能は存在しません。

なぜフォントを自由に変更できないのか(技術的背景):

NotionはWebアプリケーションとして動作しており、表示に使用するフォントはNotion社のCSSで指定されています。ユーザー側からそのCSSを変更するインターフェースは公式には提供されていません。また、Electronベースのデスクトップアプリも基本的に同じWebコンテンツをラップしているため、同様の制限があります。

Notion公式が日本語フォントに特化した対応をしていない理由:

  • グローバルサービスとして一貫したデザインを保つため
  • フォントの読み込みによるパフォーマンス低下を避けるため
  • マルチデバイス間での表示統一を維持するため

この仕様は今後のアップデートで変わる可能性はありますが、現時点では公式機能での対応は期待できない状況です。

【PCブラウザ限定】拡張機能を使ってフォントをカスタマイズする代替案

公式機能では変更できないものの、PCブラウザ版のNotionに限り、CSSカスタマイズ拡張機能を使って見た目上のフォントを変更することが可能です。

使用する拡張機能:Stylus(Chrome/Firefox対応)

Stylusは、任意のウェブサイトにカスタムCSSを適用できる無料拡張機能です。広告ブロッカーのように動作し、Notionのデフォルトフォント指定を上書きします。

設定手順:

  1. Chrome ウェブストアまたはFirefox Add-onsで「Stylus」をインストール
  2. ブラウザツールバーのStylusアイコンをクリック
  3. 「このURLのスタイルを書く」を選択(notion.soが対象になることを確認)
  4. 以下のCSSコードを貼り付ける
/* Notionのフォントを「Noto Sans JP」に変更する例 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

.notion-app-inner {
  font-family: 'Noto Sans JP', sans-serif !important;
}

好みのフォントに応じて変更例:

/* 游ゴシック(Windowsシステムフォント)*/
.notion-app-inner {
  font-family: '游ゴシック', 'Yu Gothic', sans-serif !important;
}

/* メイリオ(Windowsシステムフォント)*/
.notion-app-inner {
  font-family: 'Meiryo', 'メイリオ', sans-serif !important;
}

/* ヒラギノ角ゴ(Macシステムフォント)*/
.notion-app-inner {
  font-family: 'Hiragino Kaku Gothic ProN', sans-serif !important;
}

この方法の注意点:

  • 自分のブラウザでの表示のみ変更されます。他のユーザーには反映されません
  • NotionデスクトップアプリはStylusの対象外です(ブラウザ版のみ有効)
  • モバイルには対応していません
  • Notionのアップデートでクラス名が変わった場合、CSSが効かなくなる可能性があります
  • あくまで非公式の方法であり、Notionの利用規約上のリスクは自己責任となります

私の環境(Mac/Chrome)で試したところ、Noto Sans JPへの変更はスムーズに動作しました。日本語テキストの視認性が向上し、特に長文ノートの読みやすさが改善されました。

関連記事:Notionデスクトップアプリの設定については、以下の記事も参考にしてください。

infohack.hatenadiary.com

フォント変更が「できない・反映されない」原因と対処法

モバイルアプリで反映されない時

「フォントを縮小」をデスクトップで設定したのにスマホで変わらないという問い合わせは非常に多いです。

原因: 「フォントを縮小」機能はモバイル版ではサポートされていません。デスクトップ側での設定はモバイルには反映されない仕様です。

対処法:

方法①:端末レベルでの文字サイズ調整

  • iPhone:設定 → 画面表示と明るさ → テキストサイズ → スライダーで調整
  • Android:設定 → ディスプレイ → フォントサイズ → 好みのサイズを選択

方法②:モバイルブラウザのズーム機能 SafariやChromeでnotion.soにアクセスし、ピンチズーム(2本指での拡縮)を活用します。

方法③:運用上の対処 デスクトップでフォント設定済みのページテンプレートを作成し、モバイルでは閲覧専用として使用する方法です。モバイルで細かいフォント調整が必要なケースを減らす設計にすることが現実的です。

データベース内・トグル内の文字サイズだけ変えたい場合

原因: 「フォントを縮小」はページ全体に適用されますが、データベースのプロパティ名・ボタン内テキスト・一部ウィジェット内のテキストには適用されない仕様です。トグルブロック内のテキストは通常の本文と同等の扱いのため、縮小トグルの影響は受けます。

対処法:

  • データベースのプロパティ名のサイズは変更不可(仕様上の制限)
  • トグル内のテキストに対しては、見出しブロックや引用ブロックで視覚的な差異をつける
  • 数式ブロックをトグル内に配置することは技術的には可能ですが、モバイルからの閲覧時に崩れることがあります

キャッシュ・バージョン起因のトラブル対処

フォント設定が反映されない場合の基本チェックリスト:

  1. ページを再読み込みCtrl+R / Cmd+R
  2. ブラウザキャッシュをクリア
  3. 一度ログアウト→再ログイン
  4. Notionアプリを最新バージョンに更新
  5. 別のブラウザ・デバイスで動作確認

それでも解決しない場合は、Notionのサポートページから問い合わせることを推奨します。

関連記事:Notionの不具合全般については以下の記事で解決策を網羅しています。 infohack.hatenadiary.com

よくある質問(FAQ)

トグルやデータベース内の文字サイズだけを変えることはできる?

A:基本的にはできません。

「フォントを縮小」機能はページ全体に適用されるため、特定のブロックだけを対象にすることはできません。ただし、見出しブロック(H1〜H4)や引用ブロック(大サイズ)を使うことで、特定のブロックのみ視覚的なサイズを変えることは可能です。また、数式ブロックを使えば、1行単位で任意のサイズを指定することができます。

モバイル(iPhone・Android)アプリでも文字サイズを変更できる?

A:モバイルアプリでは、文字サイズを縮小する「Small text(フォントを縮小)」とページ幅の設定は利用できません。これらはデスクトップアプリとWebブラウザ版でのみ確認できる機能です。
一方、フォントの種類(Default・Serif・Mono)の3種類は、モバイルアプリでも選択できます。文字サイズの縮小とフォント種類の切り替えは別の設定である点に注意してください。
表示をもっと大きくしたい場合は、端末(iPhone/Android)側のアクセシビリティ設定(文字サイズ・拡大表示など)を試す方法もありますが、これはOS全体の表示設定であり、Notion内で個別に文字サイズを変更する機能とは異なります。効果の範囲は環境によって差があるため、必ず反映されるとは限りません。

デフォルトのフォントサイズを全ページ統一で変更したい

A:2026年6月時点では非対応です。

ワークスペース全体のデフォルトフォントサイズを変更する機能は提供されていません。回避策として、フォント設定済みのページテンプレートを作成しておき、新規ページ作成時に複製する方法が実用的です。

数式ブロックの日本語テキストが正しく表示されない

A:\text{} で囲む必要があります。

KaTeXで日本語テキストを表示する際は、必ず \text{日本語} または \textbf{日本語} のように囲んでください。囲まずに直接入力した場合、文字が正しくレンダリングされないことがあります。

❌ \large{Notionガイド}       → 崩れる場合あり
✅ \large{\text{Notionガイド}} → 正常に表示

Notionでフォントを「大きく」する公式の方法はある?

A:「フォントを縮小」の逆に当たる「フォントを拡大」機能は存在しません。

公式機能で文字を大きく表示したい場合は、見出しブロック(H1〜H3)を活用するのが最も簡単です。より細かいサイズ指定が必要な場合は、数式ブロックの \large \LARGE \huge 等のコマンドを使ってください。

まとめ:Notionフォントサイズを自由に変更する方法

Notionのフォント・文字サイズ変更は、標準機能の制限をきちんと理解した上で、目的に応じた手法を使い分けることが重要です。

手法別の使い分けガイド:

やりたいこと 最適な方法 難易度
ページ全体の文字を小さく フォントを縮小(トグル) ★☆☆
見出し・タイトルを大きく 見出しブロック(H1〜H4) ★☆☆
特定の1行だけサイズ変更 数式ブロック(KaTeX) ★★☆
フォントの種類を変える ページ設定(3タイプ) ★☆☆
日本語フォントを任意に変える Stylus拡張機能(PCブラウザのみ) ★★★
視覚的なメリハリをつける 文字色・背景色・コールアウト ★☆☆

2026年時点でのまとめポイント:

  1. 公式機能ではページ全体の縮小のみ。「大きく」する機能はない
  2. フォント種類は3択。任意の日本語フォントへの変更は公式では不可
  3. KaTeX数式ブロックを使えば1行単位で自由なサイズ指定が可能
  4. モバイル版は大幅に機能制限がある。端末設定での対応が現実的
  5. PCブラウザ版限定でStylusを使った日本語フォント変更は可能(非公式)

Notionは今後も継続的にアップデートされており、フォント関連の機能が強化される可能性もあります。現時点では、本記事で紹介した手法の組み合わせで、十分に実用的なカスタマイズが実現できます。

関連記事:Notionの全機能・テクニックを体系的に知りたい方はこちら。 infohack.hatenadiary.com

Notionのカスタマイズをさらに深めたい方には、ダッシュボードの作り方や内部リンク設計の記事も参考になります。