La fuente es uno de los elementos principales del dise o y la comunicaci n Visual. Transmite Estados de nimo y emociones, ayuda a resaltar informaci n importante y hace que el texto sea legible. El Tama o de fuente juega un papel importante en la creaci n del efecto y la percepci n del texto.
Para facilitar el trabajo y la estandarizaci n, los tama os de fuente se combinan en una clasificaci n. Las Fuentes se dividen en varias categor as seg n su altura. Hay categor as principales que incluyen registros de fuente peque a, encerrada, inferior y grande.
Los registros de fuente peque a incluyen versiones manuscritas, digitalizadas, no adjuntas a la l nea de base, as como versiones medianas, plateadas, anchas y fraccionarias de la fuente. El registro cerrado se utiliza para reproducir caracteres especiales y conjuntos especiales de caracteres.
Min sculas, o Versals, se asocia con la imitaci n de un estilo de escritura manuscrita. Incluye Fuentes en la forma de las letras m s peque as, incluidas las coherentes, separadas y granuladas.
El gran registro de fuente, o Medieval, incluye todas las Fuentes en forma de letras may sculas, incluidas las versiones individuales y medianas. Cada categor a tiene sus propias caracter sticas y le permite transmitir diferentes emociones y efectos en el texto. Elija el Tama o de fuente ptimo para su proyecto para crear la impresi n correcta en los lectores.
- Tama os de fuente: clasificaci n y t tulos
- Categor as de Tama o de fuente
- Sistema de clasificaci n de Fuentes
Tama os de fuente: clasificaci n y t tulos
Las Fuentes de vista web tienen diferentes tama os definidos en unidades de medida, como p xeles o porcentajes. La clasificaci n de Tama o de fuente incluye varias categor as, cada una con su propio nombre. Es importante comprender estas categor as y aplicarlas correctamente en el c digo HTML para obtener el aspecto deseado de la p gina.
Tama os de fuente absolutos:
1. Los p xeles (px) son una de las formas m s comunes de establecer un Tama o de fuente espec fico. Los p xeles le permiten especificar el Tama o exacto de los caracteres en la pantalla.
Tama os de fuente relativos:
1. Los porcentajes ( % ) son los tama os de fuente relativos que dependen del Tama o de fuente del elemento principal. Por ejemplo, un valor de 120% significa que la fuente ser un 20% m s grande que la del elemento principal.
2. Em: tama os de fuente relativos que tambi n dependen del Tama o de fuente del elemento principal. En este caso, 1em es igual al Tama o de fuente predeterminado para este elemento.
). Con esto, 1rem es igual al Tama o de fuente predeterminado para el elemento ra z.
Usando diferentes clasificaciones y nombres de Tama o de fuente, puede controlar el aspecto del texto en una p gina web, haci ndolo m s legible y est tico.
Categor as de Tama o de fuente
Los tama os de fuente de las p ginas web se pueden clasificar en varias categor as seg n su Tama o y aplicaci n. En total, hay seis categor as principales de tama os de fuente.
| Categor a | Descripci n |
|---|---|
| Unidades absolutas | Tama os de fuente definidos en unidades absolutas, como puntos (pt) o p xeles (px). Por lo general, se utilizan para especificar tama os espec ficos. |
| Unidades relativas | Tama os de fuente definidos en unidades de medida relativas, como porcentajes ( % ), em o rem. Le permiten especificar el Tama o de las Fuentes en relaci n con otros elementos de la p gina. |
| Palabras clave absolutas | Tama os de fuente predefinidos definidos con palabras clave absolutas como xx-small, x-small, small, medium, large, x-large, xx-large. Estos tama os de fuente corresponden a valores espec ficos y garantizan la consistencia de la representaci n Visual del texto. |
| Palabras clave relativas | Tama os de fuente predefinidos establecidos usando palabras clave relativas como smaller, larger. Le permiten reducir o aumentar el Tama o de fuente en relaci n con un valor base especificado. |
| Tama o de fuente b sico | Este es el Tama o de fuente predeterminado, que est determinado por la configuraci n personalizada del navegador. Puede ser modificado por el usuario, pero generalmente se usa como valor base para tama os de fuente relativos. |
| Tama os de fuente variables | Tama os de fuente establecidos usando variables CSS como var( font-size). Permiten el uso de valores din micos definidos en estilos. |
Cada una de estas categor as tiene sus propias caracter sticas y aplicaciones en diferentes situaciones. Elegir el Tama o de fuente adecuado para una p gina web puede afectar significativamente su presentaci n Visual y la facilidad de percepci n de la informaci n.
Sistema de clasificaci n de Fuentes
Hay varias formas de clasificar las Fuentes que ayudan a sistematizarlas y determinar sus caracter sticas.
Una de las formas m s comunes de clasificaci n es dividir las Fuentes en funci n de su forma. Hay cuatro categor as principales de Fuentes:
| Categor a | Descripci n |
|---|---|
| Fuentes serif | Estas Fuentes tienen peque os elementos adicionales, llamados serif, en los extremos de los caracteres. A menudo se usan para textos impresos y tienen un aspecto tradicional y cl sico. |
| Fuentes sin letra (Sans-serif) | Estas Fuentes no tienen serif en los extremos de los caracteres. Por lo general, tienen un aspecto m s moderno y limpio y se leen bien en dise os electr nicos y web. |
| Fuentes cursivas (Italic) | Las Fuentes de esta categor a generalmente tienen una forma inclinada que les da un aspecto cursivo. Se pueden usar para resaltar palabras o frases especiales en el texto. |
| Fuentes monoespaciadas (Monospace) | Estas Fuentes tienen el mismo ancho para todos los caracteres, lo que las hace ideales para c digo de programa y datos tabulares. Ayudan a alinear visualmente los s mbolos verticalmente. |
Adem s, las Fuentes tambi n se pueden clasificar por Tama o, desde muy peque as, como 6 puntos, hasta muy grandes, como 72 puntos y m s. El Tama o de fuente generalmente se mide en puntos (pt) o p xeles (px).
Aprender el sistema de clasificaci n de Fuentes ayuda a los dise adores y desarrolladores a elegir las Fuentes adecuadas para sus dise os y crear un equilibrio entre la est tica Visual y la legibilidad del texto.