Atributo de tamaño de fuente SVG

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:

Publicación traducida automáticamente

Artículo escrito por taran910 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *