文字の太さを設定

SVGで文字の太さを設定するには、font-weight属性を使用します。
CSSのfont-weightプロパティ同様に数字またはboldnormalのキーワードで指定します。
省略した場合はCSS上の継承された太さが反映されます。

構文

font-weight="太さ"

サンプルコードとデモ

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

XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 150" width="200" height="150">
	<text y="14">あいうえお</text>
	<text y="34" font-weight="bold">あいうえお</text>
	<text y="54" font-weight="600">あいうえお</text>
</svg>

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