SVG font-style Attribute
The font-style attribute is used to specify whether the text is to be rendered using a normal, italic, or oblique face style.
Syntax:
font-style="style"
Attribute Values: The attribute can have the following values:
- normal: This specifies that the text should be displayed in the normal form.
- italic: This specifies that the text should be displayed in the italic form.
- oblique: This specifies that the text should be displayed in the oblique form.
We will use the font-style attribute for styling the font in the following examples:
Example 1:
HTML
<!DOCTYPE html><html> <body> <svg viewBox="0 0 250 300" <text y="20" x="5" font-size="10px" font-style="normal"> Normal font style </text> <text y="35" x="5" font-size="10px" font-style="italic"> Italic font style </text> </svg></body> </html> |
Output:
Example 2:
HTML
<!DOCTYPE html><html> <body> <svg viewBox="0 0 250 300" <text y="15" x="5" font-size="10px" font-style="oblique"> oblique font style </text> </svg></body> </html> |
Output:
Please Login to comment...