文字の大きさを設定

SVGで文字の大きさを設定するには、font-size属性を使用します。
pxや%など単位を付けて指定することができます。
単位なしの場合はpxとして扱います。
省略した場合はCSS上の継承された大きさが反映されます。

構文

font-size=""

サンプルコードとデモ

あいうえお あいうえお あいうえお

XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150" width="200" height="150">
	<text y="14">あいうえお</text>
	<text y="44" font-size="20">あいうえお</text>
	<text y="84" font-size="200%">あいうえお</text>
</svg>

SVG逆引きリファレンス一覧へ戻る