Skip to main content

4 Maneras De Reducir La Fuente En Html: Una Guía Para Desarrolladores

El desarrollo de aplicaciones web requiere que los desarrolladores sean capaces de gestionar diferentes aspectos de la apariencia, incluidos los tama os de fuente. La reducci n de Fuentes puede ser til en muchos casos, desde crear un efecto de texto peque o hasta crear un dise o comprimido. En esta gu a, veremos cuatro formas de reducir la fuente en HTML que lo ayudar n a lograr el efecto deseado de sus aplicaciones web.

M todo 1: Usar el atributo "size" en la etiqueta

La primera forma de reducir la fuente es usar el atributo "size" en la etiqueta . El atributo "size" toma valores entre 1 y 7, donde 1 es el Tama o de fuente m s peque o y 7 es el m s grande. Por ejemplo, este texto ser m s peque o que el Tama o est ndar.

M todo 2: Usar el atributo "style" en la etiqueta

La segunda forma es usar el atributo "estilo" en la etiqueta para establecer un Tama o de fuente espec fico. Por ejemplo, este texto tendr un Tama o de fuente de 14 p xeles. Al usar este m todo, puede controlar con precisi n los tama os de fuente de sus elementos de texto.

M todo 3: Usar estilos CSS

La tercera forma es usar estilos CSS. Puede definir clases o identificadores para sus elementos y usar CSS para establecer el Tama o de fuente deseado. Por ejemplo, si usted tiene una clase "smallFont", puede utilizar el siguiente estilo CSS para reducir la fuente:.smallFont { font-size: 12px; }.

M todo 4: Usar unidades " em "y"rem"

Finalmente, una nueva forma es usar unidades de medida "em" y "rem". Las unidades " em " y " rem " se basan en el Tama o de fuente actual del elemento principal. Por ejemplo, si tiene un elemento con un Tama o de fuente de 16 p xeles y el Tama o de fuente de su elemento secundario se establece en "0.8 em", entonces el Tama o de fuente del elemento secundario ser de 12.8 p xeles.

  1. M todo uno: usando CSS
  2. M todo dos: Usar el atributo style
  3. M todo tres: Uso de clases

M todo uno: usando CSS

Una forma de reducir la fuente en una p gina web es usar CSS (hojas de estilo en Cascada). CSS le permite controlar la apariencia de los elementos en una p gina, incluidas las Fuentes.

Puede usar la propiedad CSS font-size para reducir la fuente en una p gina HTML. A continuaci n se muestra un ejemplo del uso de CSS para reducir la fuente:

p {
  • font-size: 12px;
  • }
/ * Ejemplo de selector de clase */
}
En el ejemplo anterior:
El selector p establece la reducci n de fuente para todos los p rrafos de la p gina.
p {
font-size: 80%;
}
En los ejemplos anteriores:
El valor 80% reduce la fuente de todos los p rrafos en un 80% del Tama o original.
font-size

                        
                    
. Por ejemplo, para establecer el Tama o de fuente en 12 p xeles:
Texto
Texto
Del mismo modo, puede establecer cualquier otro Tama o de fuente especificando el valor deseado en p xeles (

                        

                    
                

                    

                        

                            
Read also