El atributo de ajuste de tamaño de fuente le permite establecer el valor de aspecto para un elemento que establecerá la altura x de la fuente de primera elección en la fuente sustituta dada. Este atributo ajusta el tamaño de la fuente x-altura de acuerdo con la familia de fuentes .
Sintaxis:
font-size-adjust="size"
Valores de atributos:
- decimal: Decimal al que queremos ajustar el tamaño.
Usaremos el atributo font-size-adjust para ajustar el tamaño de la fuente.
Ejemplo 1:
HTML
<!DOCTYPE html> <html> <body> <svg width="600" height="80" viewBox="0 0 500 80" xmlns="http://www.w3.org/2000/svg"> <text y="50" x="20" font-family="Times, serif" font-size="20px" font-size-adjust="0.50"> this is an example of smaller text </text> </svg> </body> </html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html> <html> <body> <svg width="700" height="500" viewBox="0 0 500 800" xmlns="http://www.w3.org/2000/svg"> <text y="50" x="20" font-family="Times, serif" font-size="60px" font-size-adjust="0.50"> this is an example of larger text </text> </svg> </body> </html>
Producción:
