Mejores fuentes de letras
Mejores fuentes de letras
Contenidos
palatino
La tipografía está desempeñando actualmente un papel central en el diseño web, con mejoras progresivas como las fuentes variables, las formas CSS, FlexBox, las cuadrículas CSS y Subgrid, que han cambiado definitivamente la forma de trabajar con la tipografía en el diseño web.
Las tendencias actuales en el diseño web contemplan el uso de la tipografía de estilo editorial, las fuentes de diseño gráfico y los diseños dispuestos al estilo de los pósteres, muy bien retratados en este proyecto sobre los principios de la tipografía.
Para inyectar más personalidad a nuestros diseños y atraer la atención, podemos utilizar parejas de fuentes cuidadosamente elegidas (una combinación de dos fuentes diferentes). Se puede crear una jerarquía visual mediante el contraste de la tipografía, ya sea por el color, el tamaño o la forma, y para que las composiciones sean más legibles se pueden utilizar alineaciones complejas.
La clave de esta tendencia visualmente agradable es el uso de tipografía de gran personalidad, que añade ritmo y contraste a las composiciones. Predominan las serifas y los tipos de letra de pantalla, mientras que la mezcla de tipos de letra es una práctica fundamental para generar diseños sorprendentes en los que tipos de letra con calidades, pesos y estilos muy diferentes funcionan juntos en perfecta armonía, para crear un impacto visual muy fuerte.
akzidenz…
Fondo: Abril Fatface es una fuente gratuita que forma parte de una familia tipográfica mucho más amplia y de primera calidad llamada Abril. La familia de fuentes en su conjunto fue una reimaginación de las clásicas newsface para los lectores de hoy en día. Sin embargo, este tipo de letra en particular destaca entre los miembros de la familia por sus caracteres más pesados (“gordos”). Esto se debe a que Abril Fontface se inspiró en el texto del título utilizado en los carteles publicitarios del siglo XIX. Cuándo debe utilizarla: Si buscas una forma de añadir un toque más atrevido a un sitio de noticias, una revista digital o un blog, esta sería una elección de fuente limpia pero fuerte para tus encabezados. 2. Adieu Tipo de fuente: Extended sans serifGratis/premium: Premium
Fundición o diseñador: Kenneth Knutsen para Good Type FoundryFondo: Adieu es lo que se conoce como un tipo de letra extendido. Esto significa que sus caracteres son extra anchos, lo que puede llevar a los visitantes a leer el texto a un ritmo más lento de lo habitual, lo que hace que el mensaje sea más memorable. Al ser una fuente bastante dominante, Adieu suele funcionar bien en logotipos y textos de cabecera de sitios web. Inspirada en temas de velocidad y deporte, las letras presentan un gran contraste entre trazos gruesos y finos, creando una sensación de velocidad. Cuándo debe utilizarla: Debido a la anchura de este tipo de letra, puede esperar que los visitantes lean sus palabras más lentamente. Teniendo en cuenta esto, harías bien en evitar el uso de esta fuente para el texto de los párrafos normales y relegarla sólo a tus encabezados o logotipos. 3. Andika Tipo de letra: Sans serif
las mejores fuentes para copiar y pegar
Aquí encontrará una selección de fuentes que hemos elegido, en parte por sus cualidades estéticas, pero sobre todo por su funcionalidad. Además de familias con muchos estilos y pesos, encontrará fuentes optimizadas para interfaces, fuentes web optimizadas para la interfaz de usuario, y otras especialmente legibles en párrafos, o especialmente cómodas para leer en el móvil y legibles en cualquier dispositivo, ya sea smartphone, ordenador de sobremesa o tableta.
Las fuentes se alojan en el servidor del usuario independientemente de los servicios externos. @font-face era una regla obsoleta de CSS2 que ha sido reintroducida en las especificaciones de CSS3 y es soportada por casi todos los navegadores modernos. Una fuente web es una fuente personalizada que es soportada por diferentes navegadores y viene en formatos como TTF, WOFF, EOT y SVG.
@font-face { font-family: ‘ChunkFiveRegular’; src: url(‘Chunkfive-webfont.eot’); src: url(‘Chunkfive-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘Chunkfive-webfont. woff’) format(‘woff’), url(‘Chunkfive-webfont.ttf’) format(‘truetype’), url(‘Chunkfive-webfont.svg#ChunkFiveRegular’) format(‘svg’); font-weight: normal; font-style: normal; }
serif
* Nota: El asterisco indica que la familia es apta para el cuerpo de texto, lo que significa que contiene estilos regulares, cursivos y negritas y tiene un contraste de trazo bajo a moderado, contadores grandes, aperturas abiertas y una altura x grande.
Sí. Puede descargar los archivos ZIP de esta página (utilizando los enlaces situados bajo la esquina inferior derecha de las imágenes de muestra) y luego instalar los archivos de fuentes localmente en su sistema como lo haría con cualquier otra fuente. Algunas fuentes están optimizadas para su uso en pantallas, por lo que siempre es una buena idea imprimir algunas copias de prueba para ver cómo se leen en una página impresa.
Sí, puede descargar los archivos ZIP de esta página (utilizando los enlaces situados en la esquina inferior derecha de las imágenes de muestra) y luego instalar los archivos de fuentes localmente en su sistema como lo haría con cualquier otra fuente.
Archivo Narrow (incluida en la lista anterior) es realmente genial. Roboto y Open Sans también vienen en anchos condensados. Otras buenas opciones son Barlow Condensed, Pathway Gothic One, Fjalla One y Oswald.
Ha sido difícil reducir la lista a 40 opciones, así que aquí hay otras aspirantes que no han llegado a la meta: Zilla Slab, Overpass, Josefin Sans, Josefin Slab, Old Standard TT, Gentium Basic, Varela Round, Rajdhani, Bitter y Nunito Sans.