¿Qué es una fuente?
Una fuente es un conjunto completo de caracteres, como letras, números, símbolos y signos de puntuación, con un estilo y un peso concretos de un tipo de letra. Helvetica es un tipo de letra; Helvetica Bold es una fuente. En una computadora, la fuente es el archivo que indica a la pantalla cómo dibujar esos caracteres a cualquier tamaño.
Más sobre las fuentes
El concepto se remonta a la impresión con tipos metálicos. Una fuente era un conjunto completo de caracteres fundidos en un tamaño, peso y estilo concretos. El término inglés font procede del francés fonte, «fundición», porque las letras del conjunto se fundían juntas en metal. La tipografía digital conservó el concepto: hoy cada fuente es un archivo y una familia como Helvetica se distribuye en varios, como muestra el diagrama anterior.
¿Cuál es la diferencia entre una fuente y un tipo de letra?
Un tipo de letra es el diseño; una fuente es una versión concreta que puedes usar. En el habla cotidiana los dos términos se mezclan, incluso en los menús de las aplicaciones, por lo que usar «fuente» para ambos rara vez causa problemas. La distinción importa sobre todo al licenciar u organizar archivos, porque cada peso y estilo puede adquirirse y gestionarse por separado.
¿Cómo funcionan las fuentes en un sitio web?
Un navegador solo puede dibujar texto con una fuente a la que tenga acceso. Hay dos vías: fuentes del sistema ya instaladas en el dispositivo del visitante y fuentes web que la página descarga junto con su CSS. Las fuentes web liberaron a los diseñadores de la breve lista de fuentes «seguras para la web» que traían la mayoría de las computadoras y hoy son habituales. La hoja de estilo enumera alternativas por si una fuente no carga; esa lista ordenada es la pila de font-family.
¿Cómo se eligen fuentes para un sitio web?
Empieza por la legibilidad, no por la personalidad. El texto corrido debe seguir siendo cómodo en tamaños pequeños y pasajes largos. Por eso la mayoría de los sitios usa en los párrafos una fuente con remates o sin remates sencilla y reserva los diseños expresivos para los encabezados. Dos familias, una para encabezados y otra para el cuerpo, bastan para la mayoría de los diseños. Comprueba primero las fuentes en la pantalla de un teléfono: una tipografía elegante en el escritorio puede perder legibilidad en tamaños móviles.
Preguntas Frecuentes
- Son las pocas fuentes instaladas en casi todas las computadoras de escritorio y portátiles, como Arial, Georgia, Times New Roman, Verdana y Courier New. Android incluye otras y carece de muchas de estas. Hoy se usan sobre todo como alternativas cuando una fuente web no carga.
- Pueden hacerlo. Cada familia, peso y estilo añade un archivo que descargar, y los archivos grandes retrasan la aparición del texto. Limita los pesos, usa el formato comprimido WOFF2 y considera fuentes del sistema para el cuerpo si la velocidad es prioritaria.
- Es un solo archivo que contiene un intervalo continuo de pesos y anchos en lugar de un estilo fijo. Una fuente variable puede sustituir varios archivos separados y reducir las descargas. Todos los navegadores principales son compatibles con ellas desde hace años.
- Algunas sí y otras no. Las fuentes son software con licencia: las de código abierto, como todo el catálogo de Google Fonts, permiten usos comerciales; las comerciales venden licencias que pueden separar web, impresión y aplicaciones. Revisa la licencia antes de usar una fuente para un cliente.
Diseño Web Personalizado
Obtén un sitio web único y compatible con dispositivos móviles que haga brillar tu marca. Comparte tu visión con nosotros y nos encargaremos del resto.
Diseño Web Personalizado