Diferentes fuentes de letras

Futura

En el primer artículo del módulo, exploramos las características básicas de CSS disponibles para estilizar fuentes y texto. En este artículo iremos más allá, explorando las fuentes web en detalle. Veremos cómo utilizar fuentes personalizadas con tu página web para permitir un estilo de texto más variado y personalizado.

Familias de fuentes recapitulaciónComo vimos en Estilo fundamental de texto y fuentes, las fuentes aplicadas a tu HTML pueden ser controladas usando la propiedad font-family. Ésta toma uno o más nombres de familias de fuentes. Al mostrar una página web, un navegador recorrerá una lista de valores de font-family hasta que encuentre una fuente disponible en el sistema en el que se está ejecutando:

Este sistema funciona bien, pero tradicionalmente las opciones de fuentes de los desarrolladores web eran limitadas. Sólo hay un puñado de fuentes que se puede garantizar que estén disponibles en todos los sistemas comunes: las llamadas fuentes Web-safe. Se puede utilizar la pila de fuentes para especificar las fuentes preferidas, seguidas de las alternativas seguras para la web, seguidas de la fuente del sistema por defecto. Sin embargo, esto aumenta la carga de trabajo debido a las pruebas necesarias para asegurarse de que sus diseños funcionan con cada fuente.Fuentes webPero hay una alternativa que funciona muy bien. (Incluso es compatible con navegadores más antiguos como la versión 6 de IE). CSS le permite especificar archivos de fuentes, disponibles en la web, para que se descarguen junto con su sitio web a medida que se accede a él. Esto significa que cualquier navegador que soporte esta función CSS puede mostrar las fuentes que hayas elegido específicamente. Es increíble. La sintaxis requerida es algo así:

Baskerville

asigna el texto introducido a símbolos o caracteres relacionados, pero más “sofisticados”, que forman parte del estándar Unicode. ¿Qué es Unicode? Unicode es un estándar reconocido internacionalmente para identificar los diferentes caracteres que vemos en las pantallas de nuestros ordenadores. Como los ordenadores sólo reconocen ceros y unos (es decir, binarios), a cada carácter se le asigna un número binario único. Por ejemplo,

la letra “A” mayúscula tiene un número de carácter Unicode de 65. Una “a” minúscula tiene un número de carácter Unicode de 97. Unicode cuenta con más de 137.000 caracteres, entre los que se encuentran los caracteres “normales”, como el texto que está leyendo ahora mismo, y los caracteres más sofisticados que se obtienen con un cambiador de fuentes. Antes del establecimiento del estándar Unicode, había cientos de sistemas diferentes, conocidos como codificaciones de caracteres,

utilizados para asignar números a los caracteres. Como puedes imaginar, esto puede dificultar enormemente que los ordenadores compartan texto y datos entre sí. Hoy en día, Unicode ha hecho mucho más fácil compartir texto y caracteres entre diferentes sistemas operativos, dispositivos inteligentes, motores de búsqueda, etc. Fuentes, símbolos y emojis ¿Qué ocurre exactamente cuando se ejecuta un copiado y pegado de fuentes desde nuestro generador de fuentes de texto? ¿Es realmente una fuente, o es un símbolo? Como ya hemos dicho, las fuentes del generador de texto que ves no son realmente fuentes. Esencialmente, son símbolos asignados con un valor Unicode. Cuando usted escribe su texto, nuestro generador de fuentes personalizadas busca glifos similares (pero “más elegantes”) dentro del estándar Unicode.

Grandes fuentes

El rápido zorro marrón salta sobre el perro perezoso. Los grajos adoran mi gran esfinge de cuarzo. Los gemelos desconcertantes probaron mi arreglo de bichos secuestrados. Cuando llegan los zombis, rápidamente el fax juzga a Pat. El trabajo de un mago es vejar rápidamente a los tontos en la niebla. Esfinge acogedora agita jarra de un cuarto de leche mala. Arregla el problema rápidamente con chorros galvanizados. Empaquetar mi caja roja con cinco docenas de jarras de calidad. Bichos falsos puestos en junquillos de cera lo vuelven loco. Doce zigurats saltan rápidamente una caja de pinzones. Jacky ahora puede dar seis grandes consejos del viejo concurso. Lovak ha ganado la copa de premio del escuadrón por sesenta grandes saltos.

Al enviar su correo electrónico, acepta recibir información sobre nuestros últimos lanzamientos de fuentes, descuentos y consejos esenciales para sacar el máximo partido a la tipografía. Marque la casilla si prefiere no recibir estos correos electrónicos.

A nadie le gusta sentirse agobiado y por eso nos centramos sólo en contenidos de calidad. Puede darse de baja en cualquier momento haciendo clic en el enlace que aparece en el pie de página de nuestros correos electrónicos. Consulte nuestro Aviso de Privacidad para más información.

Fuente fort

Si te estás sumergiendo en el amplio mundo de la tipografía, probablemente te parezca un poco abrumador. Más que cualquier otro elemento de diseño, las fuentes transmiten el mensaje y la sensación al espectador de forma casi instantánea, por lo que es muy importante elegir el tipo de fuente adecuado.

En la actualidad, existen miles y miles de fuentes en una amplia gama de estilos que están fácilmente disponibles con un clic del ratón. Pero es más difícil que nunca saber si estás eligiendo el tipo de fuente adecuado para tu proyecto o composición. Sigue leyendo para aprender a hacer la selección correcta conociendo los distintos tipos de fuentes y qué tipo de proyectos se adaptan mejor.

Antes de adentrarnos en el mundo de los tipos y estilos de letra, puede ser útil entender algunas cosas sobre la anatomía del tipo. Todos los tipos de letra se asientan sobre un plano invisible llamado línea de base -piensa en ella como las líneas azules de tu hoja suelta- y tienen una línea central invisible llamada línea media.

La altura de la tapa es el plano superior de una letra mayúscula, como la línea recta en la parte superior de una T mayúscula. La barra transversal es la línea en el centro que cruza una H o una A mayúscula. Algunas letras, como la h o la b minúsculas, tienen lo que se llama un ascendente, una línea que cruza por encima de la línea media. Otras tienen líneas descendentes, que -lo has adivinado- caen por debajo de la línea media. Los descendentes clásicos son el pequeño bucle de la g minúscula o la mitad inferior de la y.