文字の形状を設定
SVGで文字の形状を設定するには、font-style属性を使用します。
省略した場合はCSS上の継承された太さが反映されます。
構文
font-style="形状"指定可能な値は次の通りです。
| 属性値 | 説明 |
|---|---|
| normal | 標準 |
| italic | イタリック体 |
| oblique | 傾き（イタリック体と同様の表現） |
サンプルコードとデモ
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-style="italic">あいうえお</text>
</svg>