Atributo de variante de fuente SVG

la variante de fuente se renderiza

Sintaxis:

font-variant = "variant"

Valores de atributos:

  • valor predeterminado: El valor normal es el valor predeterminado.
  • valor animable: el valor de animación es el valor animable.
  • otros valores: el valor de pequeña capitalización es un ejemplo de otros valores.

Usaremos el atributo font-variant para establecer la variación de la fuente.

Ejemplo 1: 

HTML

<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 250 30" 
        xmlns="http://www.w3.org/2000/svg">
          
        <text y="20" font-variant="Normal">
            GeeksforGeeks
        </text>
    </svg>
</body>
  
</html>

Producción:

Ejemplo 2: 

HTML

<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 250 30" 
        xmlns="http://www.w3.org/2000/svg">
          
        <text x="10" y="20" font-variant="small-caps">
            GeeksforGeeks
        </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 *