Tipografia de google

arte-y-diseño

Descarga de fuentes de google

Descargar gratis ¿Por qué son tan importantes las fuentes? Al diseñar un sitio web, puede ser fácil conformarse con las fuentes predeterminadas y centrarse en otras decisiones aparentemente más importantes. Sin embargo, esto no sólo sería un error: estarías perdiendo el poder de las fuentes y los beneficios que pueden aportar a tu sitio. En su herramienta de creación de prototipos, ver la fuente final en todo su esplendor puede arrojar nueva luz sobre su producto. He aquí algunos ejemplos de cómo la elección de las fuentes adecuadas puede beneficiar a su sitio web.
Las fuentes ayudan a la creación de la marcaLa elección de la fuente adecuada para su sitio web puede suponer una gran diferencia para su marca. Desde el logotipo hasta los números, pasando por el microcopy, la elección de la fuente establece una especie de comunicación no verbal con el lector. Debido a la forma en que nuestros ojos responden inconscientemente a las señales visuales (escribimos más sobre esto cuando hablamos de la narración y la UX), los tipos de letra de su sitio web pueden afectar a la impresión inmediata que el lector tiene de su marca.
Si se acierta con los tipos de letra, se comunicarán con éxito los valores y las intenciones de la marca. Si eliges los tipos de letra equivocados, corres el riesgo de que haya una desconexión entre lo que dices de tu marca y lo que tu marca dice de sí misma. Imagínese que una empresa de joyería de lujo utiliza Courier para su logotipo, por el amor de Dios. O un nuevo servicio de intercambio de fotos de moda que utiliza Lobster para todo su texto web. Ya ve lo que queremos decir.

Ardilla de fuentes

Aquí puede 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; }

Estética de las fuentes de google

El equipo de diseño quería mantener el estilo sencillo y cercano de los logotipos anteriores, pero también incluir formas geométricas. El tipo de letra casi coincide con el tipo de letra Futura. [La diferencia más notable entre ambas es la “a” de doble piso, que se implementó para contrastar las formas circulares de los otros caracteres[5]. Product Sans prefiere terminar los terminales del trazo a unos 45 grados, con el corte perpendicular a la tangente del trazo.
También se han realizado ligeras correcciones ópticas en las formas geométricas. La “G” mayúscula tiene su forma circular tirada hacia dentro ligeramente donde se encuentra con el travesaño. Los contadores del “6”, “8” y “9” son círculos casi perfectos. Estas correcciones visuales se hicieron para mejorar la legibilidad.

Tipografía de diseño de materiales

* Nota: Un asterisco indica que la familia es apta para el cuerpo de texto, lo que significa que contiene estilos regulares, cursiva y negrita 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 otros contendientes que no han pasado el corte: Zilla Slab, Overpass, Josefin Sans, Josefin Slab, Old Standard TT, Gentium Basic, Varela Round, Rajdhani, Bitter y Nunito Sans.