Estilo de fuente
Sintaxis:
font-style="style"
Valores de atributo: el atributo puede tener los siguientes valores:
- normal: Esto especifica que el texto debe mostrarse en la forma normal.
- cursiva: Esto especifica que el texto debe mostrarse en cursiva.
- oblicua: Esto especifica que el texto debe mostrarse en forma oblicua.
Usaremos el atributo de estilo de fuente para diseñar la fuente en los siguientes ejemplos:
Ejemplo 1:
HTML
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 250 300" xmlns="http://www.w3.org/2000/svg"> <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>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 250 300" xmlns="http://www.w3.org/2000/svg"> <text y="15" x="5" font-size="10px" font-style="oblique"> oblique font style </text> </svg> </body> </html>
Producción:
