El atributo de tamaño de fuente se refiere al tamaño de la fuente desde la línea de base cuando varias líneas de texto se establecen sólidas en un entorno de diseño de varias líneas.
Sintaxis:
font-size="size"
Valores de atributos:
- length: Longitud en la que queremos establecer el tamaño.
- porcentaje: Porcentaje en el que queremos establecer el tamaño.
Usaremos el atributo de tamaño de fuente para establecer el tamaño de la fuente.
Ejemplo 1
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 600 100" xmlns="http://www.w3.org/2000/svg"> <text x="10" y="50" font-size="smaller"> smaller </text> <text x="10" y="30" font-size="2em"> larger </text> </svg> </body> </html>
Producción:
Ejemplo 2:
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 600 100" xmlns="http://www.w3.org/2000/svg"> <text x="10" y="50" font-size="60%"> smaller </text> <text x="10" y="30" font-size="240%"> larger </text> </svg> </body> </html>
Producción: