A lo largo de los últimos años os hemos ido recomendando diferentes herramientas relacionadas con el mundo del diseño y la tipografía. En esta ocasión nos ha parecido interesante destacar Type Anything, una sencilla pero útil página web que nos permite probar diferentes tipos de letra con el objetivo de ayudarnos a decidir cuál es la adecuada para nuestra web.
En general, el funcionamiento de Type Anything es de lo más sencillo. Nada más acceder a la web de la que os hablamos veremos un texto en inglés que podemos modificar a nuestro antojo. Mientras tanto, en la parte izquierda de la interfaz tenemos a nuestra disposición un completo panel desde el que escoger una fuente y modificar diferentes ajustes de la misma.
One es una es una aplicación para Android que recopila artículos de populares portales y servicios en inglés con información, usualmente técnica, sobre seguridad en Internet, aplicaciones web, diseño y startups. Hacker News, Designer News, Product Hunt, Reddit, Slashdot, Medium además de lo más llamativo en GitHub y en Readability, son las fuentes que hasta ahora soporta la aplicación, en todo caso, siempre se podrán administrar desde su panel de configuraciones.
Feedly y otras apps de noticias pueden facilitarnos la lectura en nuestros móviles de los contenidos de múltiples sitios web, sin embargo, servicios como Reddit o Hacker News no cuentan con una sencilla estructura “tipo blog” que facilite seguirles vía feeds RSS. Por supuesto, es posible, pero no es tan cómodo como optar por las aplicaciones de terceros que buscan integrar sus diferentes módulos y foros en una simple línea de noticias de fácil consumo, y One es una de ellas, eso sí, no limitada a un recurso en especial sino útil para disfrutar de varios de ellos.
Echamos hoy un vistazo a brillantes opciones online que seguramente servirán a muchos en la búsqueda de la respuesta a una de las más difíciles decisiones a la hora de trabajar en el diseño de un nuevo proyecto web: Sus tipografías, el combo de fuentes que le harán relucir. Pues bien, para la tarea repasamos las recomendaciones de un hilo en Reddit y algunas que ya habíamos tenido oportunidad de reseñar, en todo caso, espacios perfectos tanto para quienes tienen una idea inicial como para quienes no saben por dónde empezar. Un detalle extra: Si deseas ayuda con el texto de relleno en tus pruebas, no olvides estas alternativas al Lorem ipsum.
Selecciona una de las elegantes fuentes dentro del menú principal de Type Genius, pulsa en View Matches y enseguida tendrás varias recomendaciones de tipografías que irían bien con ella, además, como muestra, algunos ejemplos de texto de relleno -similar al Lorem Ipsum- y sitios web que ya ocupan dichas combinaciones. Ojo a la parte inferior de Type Genius pues, aunque casi imperceptibles, están los botones para cambiar entre las webs de ejemplo a modo de presentación.
En Fonts in use pueden encontrarse cientos de ejemplos de combinaciones presentes tanto en sitios web como en publicaciones físicas, en particular, libros, revistas, películas y anuncios publicitarios. Aunque las vistas previas recogen detalles rápidos de las fuentes consignadas en cada ejemplo, lo más recomendado, además del buscador, es valerse de los tres filtros que le componen para iniciar las consultas: Industries (negocios, arte, noticias, música, deportes, etc.), Formats (publicidad, infografías, revistas, diarios, software, móviles, etc.) y Typefaces.
Otro escaparate de sitios web que logran destacar por sus muy bien escogidas combinaciones de tipografías, eso sí, Typewolf es mucho más personal que las anteriores opciones así que además de las selecciones generales podremos encontrar artículos especializados, rankings y recomendaciones subjetivas, muy valiosas valga decir, que su respectivo autor comparte frecuentemente.
Y finalmente un par de herramientas con las que podremos conocer rápidamente qué tipografías utiliza determinado sitio web que nos haya llamado la atención. Nombre, Font family, Font Size, Line Height y Line Spacing, y en ocasiones hasta el lugar donde pueden conseguirse, se incluyen en los detalles presentados.
Vale destacar que Fontface Ninja además de como bookmarklet está disponible en forma de extensión para Google Chrome y Safari, y WhatFont solo funciona en Chrome. Por cierto, para identificar fuentes de texto en publicaciones físicas no sobra recomendar al siempre útil WhatTheFont!, un servicio online que se encargará de la detección con apenas cargar una imagen y/o captura de pantalla.
Cualquier medida encaminada a optimizar la carga de cualquier sitio web siempre será bienvenida. En caso de que nuestra web utilice otras tipografías diferentes a las que están instaladas en nuestros ordenadores, durante la carga de nuestra web, se descargará estas tipografías para ser mostrada en nuestro navegador a la hora de renderizarla. Es por ello que los archivos correspondientes a estas tipografías también debe ser objeto de optimización, trabajo que se encargará de realizar FF Subsetter. Se trata de una herramienta en la que le entregaremos nuestra fuente web para que ella se encargue de optimizarla eliminando caracteres innecesarios entre otras cosas, ofreciéndonos la descarga de la misma de manera optimizada, indicando el porcentaje de optimización efectuado. Si no tenemos una tipografía web con la que empezar, tenemos una página de donde poder bajarnos algunas de ellas y empezar a optimizarlas. FF Subsetter trabaja tanto con archivos .eot como con archivos .woff.
