文字の太さを設定
SVGで文字の太さを設定するには、font-weight
属性を使用します。
CSSのfont-weightプロパティ同様に数字またはbold
やnormal
のキーワードで指定します。
省略した場合は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>