20 Fuentes Alternativas para utilizar en vez de Comic Sans

20 Fuentes Alternativas para utilizar en vez de Comic Sans

En este post hago una recopilación de las mejores Familias de Fuentes para usar tanto en impresión como en digital. Además podrás descargarte un pdf con el Catálogo Tipográfico 2017-18 de las familias más usadas y dónde descargarlas, así como su instalación en windows.

¿Qué es una tipografía?

La Tipografía según Wikipedia es el arte y la técnica en el manejo y selección de tipos para crear trabajos de impresión. Un trabajo que hoy en nuestros días ha sido sustituido por técnicas más modernas usando diferentes programas que recopilan estas familias de letras para que podamos usarlas de manera fácil, cambiando el tamaño, el grosor e incluso de mayúsculas a minúsculas.

¿Qué es una familia tipográfica?

La familia tipográfica es un conjunto de signos alfabéticos y no alfabéticos con características estructurales y estilísticas comunes, que permiten reconocerlas como pertenecientes a un mismo sistema. Es decir, el conjunto de caracteres con un determinado estilo único que permite tener desde la fuente básica, pasando por el grosor medium, hasta el bold o black. Usualmente se denominan igual y cambia la terminología en las últimas palabras por ejemplo: Futura Bold, Futura Medium, Futura Thin, etc.

¿Cuál es la función de la Tipografía?

La función de la tipografía en nuestros días es marcar un estilo definido por el branding o identidad de marca de la empresa o persona, para utilizar en todo aquello que necesite comunicar ya sea impreso o de carácter digital y seguir una misma estética para toda la marca.

CATEGORÍAS DE FUENTES

Existen  diferentes tipos de tipografías caracterizadas por su estilo único en la terminación de las letras, si son de PALO por ejemplo el asta de las letras terminarán rectas, por el contrario si son SERIF tendrán un estilo más antiguo y terminarán precisamente en un empalme llamado serif. Vemos a continuación los diferentes tipos.

SERIF

Son aquellas cuyo asta tiene serif, es decir, una terminación que posa a la letra sobre la línea. Dentro de esta categoría encontramos las familias: Georgia, Garamond, Bookman y Times por ejemplo.

PALO

Dentro de esta categoría existen dos;

CALIGRÁFICAS

Se distinguen fácilmente pues tienen una inclinación y trazo fino reconocibles a primera instancia. Dentro de esta categoría la más emblemática es la fuente English pero también tenemos ChampagneFreebooter y Playball.

BRUSH O BROCHA

Son fuentes que simulan su trazo como si se hubiera pintado con un pincel o una brocha. Encontramos: Brush Script y Gloss and Bloom como ejemplos claros.

HANDWRITING O “A MANO”

Todas aquellas que aparentan ser escritura manual, por ejemplo: Sun Valley, Mellony, Amarillo y The Skinny.

 



 

TIPOS DE FUENTES

Fuentes TTF

TrueType es un formato estándar de tipos de letra escalables desarrollado inicialmente por Apple Computer a finales de la década de los ochenta para competir comercialmente con el formato “Type 1” de Adobe Systems, el cual estaba basado en el lenguaje de descripción de página conocido como PostScript. Una de las principales fortalezas de TrueType era que ofrecía a los diseñadores de tipografía un mayor grado de control (mediante sugerencias) sobre la forma en que los caracteres se mostraban en pantalla o en impresos a tamaños menores, con lo cual se lograba una mejor legibilidad.  (Wikipedia)

Fue la primera extensión de tipografía que se utilizó en ordenadores en la década de los 90. A día de hoy muchas fuentes siguen llevando esta extensión que se caracteriza por compilar familias tipográficas completas en vez de añadir simplemente a su formato el tipo bold e italic.

Fuentes OTF

OpenType es un formato de Tipos de letra escalables para computadora. La especificación técnica se originó en Microsoft, continúa en desarrollo y en la actualidad se encuentra en proceso de convertirse en un estándar abierto. (Wikipedia)

Suele considerarse esta extensión mejor que la TTF por su extensa gama en ligaduras entre los caracteres además de tener más signos lingüísticos.

CÓMO INSTALAR UNA TIPOGRAFÍA (WINDOWS)

1.- Ubicar dentro de la página web el botón de descargas.

2.- Abrir el zip que contiene las fuentes, seleccionar los archivos ttf y otf. Realizar la extracción.

3.- Abrir en Windows/Panel de control/Fuentes y copiar los archivos extraídos ttf y otf.

 DESCARGABLE PDF
Catálogo Tipográfico 2017/18

¿Te ha parecido útil?

¡Déjame un comentario!

10 Herramientas PRO del Diseñador Gráfico y Web

10 Herramientas PRO del Diseñador Gráfico y Web

En estas líneas hago un recopilatorio de las 10 herramientas PRO del Diseñador Gráfico y Web. Como la mayoría de estos programas son de pago, indico además uno o dos programas gratuitos para manejarte en caso de que no puedas acceder a la idea principal.

Tengo ya más de 10 años como profesional en el sector y he ido aprendiendo cada versión de programa de Adobe así como herramientas muy útiles del mundo online. He llegado a la conclusión después de este tiempo, que un Diseñador Gráfico es la base del Diseñador Web.

1.- Herramientas PRO del Diseñador Gráfico y Web: Profesionales y Gratuitas.

Photoshop CC

Es un programa de edición de imágenes y textos. Usualmente se utiliza sobre todo en retoque fotográfico y para realizar anuncios de cualquier tamaño (según resolución final de las imágenes). Una alternativa que he usado con buenos resultados es Gimp, un programa gratuito y descargable a tu pc que puede hacer las veces de editor de imágenes.

Illustrator CC

Al igual que Photoshop viene de la rama de Adobe, la última versión es CC (Creative Cloud). Con este programa usualemente se crean logotipos, se pasan a vectores dichos logos y se realizan montajes de figuras vectoriales como por ejemplo la imagen destacada de este post. También tiene versión gratuita o “freely” como ellos mismos anuncian en su página web, se llama Inkscape. Otra opción para hacer presentaciones e infografías es Picktochart.

Indesign CC

Es un programa editor de textos con finalidad papel, aunque en las últimas versiones hemos visto un desarrollo claro hacia el mundo digital pues también podrás maquetar pdf’s interactivos, ebooks y hasta introducir código html5 para visualización en vivo de tu maqueta de revista por ejemplo pasar las páginas. Su homónimo gratuito se denomina Scribus.

Dreamweaver CC

Es un editor de código html, css y javascript que te permite visualizar a la vez que el código el resultado final en su propia interfaz o en un navegador de tu elección. Una alternativa gratuita con un panel de control muy similar y creación de vínculos, que me gusta utilizar es Amaya W3C’s editor.

WordPress

Gracias a WordPress, el CMS más popular del mundo para realizar páginas web (más del 58,7% de las web creadas con CMS del mundo están hechas con WordPress) he desarrollado el portal perfecto, para dar visibilidad a tu negocio online. Es la herramienta más usada por su libertad de código (open source) que ha permitido a muchos desarrolladores y programadores realizar plugins y mejoras en plantillas. Tiene su parte gratuita con WordPress.org donde podrás tener tu blog online.

 



2.- Herramientas PRO del Diseñador Gráfico y Web: Imágenes

Canva

Es una herramienta online que te permite modificar maquetas predefinidas para adaptarlas a tus proyectos. Lo que más me gusta de esta herramienta aparte del hecho de ser online, es su versatilidad en cuanto a tamaños más usados para las redes sociales. Así, en menos de 5 minutos puedes tener una imagen personalizada con texto para twitter, facebook o instagram.

The Stocks

Es una plataforma online que te permite buscar imágenes gratuitas, paletas de colores predefinidas, mock-ups, vídeos, fuentes e iconos con más de 15 webs incluidas en cada uno de los apartados, sin moverte de este sitio web. En mi opinión es la más completa para un Diseñador Gráfico y Web Profesional, y totalmente gratuita.

Envato Market

Es una plataforma online de pago que te ofrece multitud de diseños entorno a: plantillas web, plugins, vídeos con efectos, música y tracks, imágenes- logos-fuentes y modelos en 3d, a precios razonables en $.

3.- Herramientas PRO del Diseñador Gráfico y Web: Textos

Google Fonts

Es una herramienta online, que ya viene definida por sus combinaciones de tipografías o familias de fuentes. Puedes buscar un tipo determinado de fuente, adaptarla a un texto que escribas tú mismo, cambiarlas de color e insertarlas en cualquier web, de forma embebida o a través de css, así como descargarlas e instalarlas en tu pc. Otras herramientas para conseguir fuentes que me gusta utilizar son: Fontsquirrel.com y Dafont.com. Además para saber cualquier fuente recurro Whatthefont.com previa captura de la tipografía en un png sin fondo para introducirla en esta web y que te indique cómo se denomina la familia tipográfica que buscas.

Lorem ipsum

Es una página web donde se generan contenido en función de las necesidades del navegante. Simplemente hay que indicar los párrafos, palabras, bytes o listas que deseamos mediante un número y la página nos genera este texto en latín para rellenar en nuestros diseños.

 

Y estas son mis 10 herramientas PRO y gratuitas que utilizo en mi desarrollo como profesional.

¿Las conocíais? ¿Añadirías alguna?

¡Déjame un comentario!