## やりたいこと Obsidian Canvasで、カードにテキストを記入した際にフォントサイズを大きくしたい。特に、見出しやコメントを視覚的に目立たせたいです。 ![SS 2024-05-16 17.57.33_rd.jpeg](https://cdn-ak.f.st-hatena.com/images/fotolife/m/masatora_bd5/20240516/20240516181432.jpg) <span class="mxt-caption"> ▲ Canvasにポストイットの感じでテキストカードを貼りたい</span> ## なにが問題か 資料(PDF)をCanvasに貼って流れを整理する際、見出しやコメントを書き込みたいことが多々あります。しかし、デフォルトのフォントサイズが小さく、カードのテキストが目立ちません。具体的には、Canvasのテキストカードのフォントサイズは通常の本文のフォントサイズ(約13p)に準拠していますが、これでは見づらいです。 本文のフォントサイズを大きくすると通常のノートが見にくくなるため、このジレンマを解消する方法を探していました。 ## 解決策 ### CSSスニペットで変更 Canvasのフォントサイズだけを変更するために、以下のCSSスニペットを使用します。 ```css .canvas-node-container .markdown-rendered h1 { font-size: 60px; text-align: center; } .canvas-node-container p { font-size: 48px; } ``` #### アウトプット例 ![SS 2024-05-16 17.59.14-mz_rd.png](https://cdn-ak.f.st-hatena.com/images/fotolife/m/masatora_bd5/20240516/20240516183959.png) <span class="mxt-caption">▲ CSSスニペット適用後のCanvasの例。見出しとテキストが大きくなり、視認性が向上しました</span> ## (オススメではない)他の方法 #### 本文のフォントサイズを変える 本文テキストや見出しのフォントサイズを変更すると、Canvasのフォントサイズも変わりますが、通常のノートにも影響が及びます。 #### インラインCSS ```html <p style="font-size: 24px">ここに見出しやコメントを書く<p> ``` この方法は体系的にフォントサイズを調整しにくく、手間がかかります。 #### プラグイン Canvasの機能を拡張するプラグインがいくつかありますが、本目的にちょうどフィットしたものを見つけられませんでした。 ## 関連メモ・リンク [Canvas: Is possible to increase the text font size of a card? - Help - Obsidian Forum](https://forum.obsidian.md/t/canvas-is-possible-to-increase-the-text-font-size-of-a-card/50146)