fonttown, para encontrar y organizar nuestra tipografí­a preferida

https://www.fonttown.com/

Encontrar la fuente ideal para nuestro nuevo sitio web o para crear el documento perfecto no es tarea fácil. Hay miles de opciones disponibles en sitios de las más diversas categorí­as, pero pocos que permitan navegar, guardar y clasificar la tipografí­a que más nos llama la atención.

Eso es lo que hace fonttown.com, una aplicación que contiene miles de fuentes de todo tipo, fuentes que podemos guardar en nuestra cuenta y bajar a nuestro ordenador para instalarla en nuestro sistema operativo.

Fonttown ha ido encontrando fuentes gratuitas con licencias freeware, demos, dominio público y shareware. Ellos indican la licencia de cada fuente bajo el archivo correspondiente, pero recomiendan leer el texto de autor del material o acceder a la web original para obtener más detalles sobre cómo podemos usar la tipografí­a.

Actualmente cuenta con una función de búsqueda con opciones de clasificación y filtrado, vista previa en tiempo real de la fuente en la página de búsqueda y en el detalle, posibilidad de ver el alfabeto completo en el detalle de cada fuente y opción de agregar fuentes como si se tratara de un carrito de la compra. En el futuro tendremos la posibilidad de descargar todas las fuentes guardadas de una sola vez.

Se trata de un proyecto que nació en 2009, con más de 30.000 archivos OpenType (otf) y TrueType (ttf) disponibles para Download.

Typecast ofrece versión gratuita para usar tipografí­a de Google Fonts

TypeCast

Seguramente los que trabajáis con diseño web ya habéis oí­do hablar de Typecast (typecast.com), la herramienta, adquirida hace un año por Monotype, que nos permite usar varios tipos de letra en un entorno web que nos ayuda a tomar la decisión antes de implantarla en nuestro sitio.

TypeCast no es una plataforma gratuita, es compatible con varios directorios de fuentes y permite de esa forma comparar cada tipografí­a y realizar pruebas de todo tipo, pero hay que pagar después de la etapa de pruebas.

El caso es que se han asociado con Google para permitir el uso de la herramienta siempre que queramos usar las fuentes de Google Fonts. Solo tenemos que abrir la tipografí­a deseada en www.google.com/fonts, elegir una de ellas y pulsar en el enlace «Probar con TypeCast», accediendo así­ a un panel de demostración gratuito que no requiere registro para ser usado.

Desde allí­ podemos utilizar controles para experimentar el tamaño de la fuente, la medida, la lí­nea de altura, diferentes tipos de letra lado a lado en el editor, rellenos, márgenes, sombras, fondos, bordes… son decenas de herramientas disponibles para «jugar» con la letra en busca de la ideal para nuestro proyecto.

Podemos generar un PNG del diseño creado para compartirlo con otros, generar el CSS y HTML necesario para incluirlo en nuestra web, todo sin pagar ni identificarse.

Minions ipsum, generador de texto en el idioma de los minions de Mi villano favorito

minions ipsum

Lorem ipsum es un estándar de relleno de texto con palabras en latí­n el cual se suele utilizar desde hace cientos de años en las imprentas y en el último siglo en la Internet, siendo posible conseguir varios párrafos de texto de este tipo desde lipsum.com. Pues bien, Minions ipsum funciona de igual manera, ya no en latí­n sino en el idioma de los minions, ese «enriquecido» idioma que suelen usar los protagonistas amarillos de Mi villano favorito. Así­ luce un fragmento del texto generado:

Pepete butt aaaaaah poulet tikka masala. Daa bananaaaa poopayee uuuhhh jiji uuuhhh pepete daa tank yuuu! Bappleees. Potatoooo poulet tikka masala po kass underweaaar BEE DO BEE DO BEE DO poulet tikka masala bappleees hahaha tulaliloo chasy.

Al igual que en lipsum.com, la idea es generar un determinado número de párrafos aleatorios según se necesiten. Para esto basta con seleccionar tal número con el botón «Paragraphs», y luego pulsar en «Bananaaa!!!» o en «Gimme latin» (combinación de latí­n con idioma minion) para que se genere en la caja de texto de la parte derecha. Restará copiarlo y pegarlo en el lugar que se requiera.

En fin, luego del excelente Quijotipsum, un generador de texto tipo lorem ipsum citando fragmentos de don Quijote de la Mancha, muy interesante por estar en español, aparece en la red este curioso pero útil recurso que servirá a diseñadores y programadores para rellenar las secciones de texto de sus bocetos.

Enlace: Minions ipsum

typewonder, para probar tipos de letra en sitios web antes de alterar su CSS

typewonder

Si estáis diseñando una web o realizando cambios en vuestro sitio y una de las prioridades es cambiar su tipografí­a, typewonder (typewonder.com) puede ayudar mucho con una aplicación sencilla y práctica.

Se trata de una herramienta que permite visualizar cómo quedarí­a cualquier página web si usamos algún tipo de letra de las disponibles en Google Fonts. Solo tenemos que informar la url y seleccionar la tipografí­a deseada, typewonder se encargará de mostrar el resultado sin necesidad de haber tocado una sola linea de código.

El resultado puede compartirse (enviarse a los clientes para que opinen, por ejemplo) e incluye un botón para que sea sencillo obtener el código que tendremos que alterar en el archivo css para aplicar los cambios deseados.

Esta aplicación, junto a BestWebFonts, es esencial para ahorrar tiempo a la hora de hacer pruebas, aunque le falta algo de flexibilidad para poder definir mejor qué parte del sitio web queremos alterar.

Es gratuita, aunque ofrecen un botón de donaciones en la parte inferior derecha de su página principal para poder obtener algunos ingresos de los profesionales que decidan hacer uso del servicio.

Tiff – Para comparar dos tipografí­as en la web

Desde que tenemos la posibilidad de ampliar la variedad del tipo de letra usado en nuestros proyectos web (gracias a Google fonts y typecast, principalmente), son muchas las páginas que están innovando en lo que a diseño se refiere.

Tener la garantí­a de que cualquier visitante verá el mismo tipo de letra en nuestros tí­tulos, cuerpos de texto y demás zonas del sitio, independientemente de si tiene la fuente instalada en su ordenador o no, es importante, y la idea es poder seguir ampliando las colecciones disponibles en estos directorios para que llegue un momento en el que los diseñadores no tengan que preocuparse por este tipo de lí­mite.

El problema es que al aumentar las opciones aumenta también el tiempo dedicado a la hora de decidir la tipografí­a de nuestro proyecto, motivo por el cual tenemos que guardar sitios como tiff.herokuapp.com.

tiff

Se trata de una herramienta que permite superponer dos tipos de letra diferentes para que veamos sus diferencias, ayudando así­ a tomar una decisión. Podemos escribir el nombre de cualquier tipografí­a incluida en Google Fonts y especificar las letras que queremos comparar (R,g,h,e – en el ejemplo superior), mostrando cada una de ellas en un color diferente y con un grado de transparencia que permita su comparación.

Link: tiff.herokuapp.com | Ví­a TNW

Dos opciones para transformar tu letra en una tipografí­a para usar en el ordenador

Hay miles de tipos de letra disponibles en la web, fuentes que podemos instalar fácilmente en nuestro ordenador para personalizar nuestros documentos. En las páginas web habí­a muchos lí­mites hasta hace poco tiempo, lí­mites que se han ampliado considerablemente con la aparición de proyectos como Google Web Fonts.

Pero si lo que deseáis es tener vuestra propia letra plasmada en los documentos digitales, hay dos opciones que os pueden ayudar con la tarea.

Una de ellas es myscriptfont.com, aplicación que ofrece un PDF en forma de plantilla para que escribamos a mano cada una de las letras que allí­ aparecen. Al terminar tendremos que subir dicho documento para obtener el archivo TTF, OTF o fuente SVG, listo para ser instalado en el ordenador.

Sus responsables también han creado extractpdf.com, una herramienta que ayuda a extraer textos e imágenes de archivos PDF.

tipografí­a

La segunda opción tiene un funcionamiento parecido. Se trata de YourFonts, aplicación que comentamos aquí­, en WWwhatsnew.com, en 2009 y que no ha evolucionado mucho desde entonces. En este caso podemos crear fuentes de hasta 200 caracteres y permite incluir nuestra firma, siendo ideal para sellar documentos digitales.

YourFonts, al contrario que myscriptfont, no es una aplicación gratuita, teniendo un coste de 9,95 dólares para obtener nuestra tipografí­a personalizada.

BLOKK, una tipografí­a para quien realiza prototipos de páginas web

Los que trabajan en diseño web están acostumbrados a realizar mockups, prototipos del diseño con textos, generalmente en latí­n, ocupando los espacios que serán rellenados en el futuro con la información del cliente.

Si no os gusta el clásico Lorem Ipsum siempre podéis usar el original quijotipsum (www.quijotipsum.com), con párrafos del Quijote en lugar de textos sin sentido en latí­n, aunque hay otra opción: usar la tipografí­a BLOKK (blokkfont.com).

mockup

Disponible de forma gratuita, permite rellenar espacios con bloques, no con letras, ofreciendo la posibilidad de crear diseños como los mostrados en la imagen inferior en pocos minutos.

blokk

Comentan en TNW otra alternativa: Redacted, una tipografí­a disponible en github que nos permite mostrar contenido en forma de bloques o de letra ininteligible, obteniendo resultados realmente interesantes.

typespiration, combinaciones de tipos de letra para proyectos web

tipografí­a

Renacido entre las cenizas, xyberneticos.com vuelve a la carga con sus consejos relacionados con diseño web, mostrando al mundo lo que podemos conseguir en typespiration.com.

Se trata de una web en la que muestran combinaciones de tipografí­a poco habituales, teniendo a la inspiración como jefa del proyecto. Es posible navegar entre páginas de ejemplo con los consejos ofrecidos, existiendo instrucciones detalladas para instalar las fuentes y los códigos CSS en nuestras páginas.

Muchas de las fuentes son de Google Web Fonts, teniendo que incluir la lista de importación del tipo de letra deseado al inicio de la web que se cargará, tal y como vemos en la imagen inferior.

fuente

Usar una tipografí­a especí­fica es sencillo, pero encontrar el equilibrio perfecto entre varias es algo que solo quien tiene el talento en la sangre puede hacer con éxito, motivo por el cual es importante guardar typespiration.com con cariño.

La nueva Typecast, especializada en tipografí­a en la web, es comprada por empresa con 125 años de experiencia en el tema

Hace pocos dí­as os anunciamos la salida de fase beta del esperado TypeCast, solución que nos permite usar decenas de miles de fuentes diferentes en nuestros proyectos web, asociándose con Google Fonts, fonts.com, typekit y otros protagonistas en esta categorí­a.

Ahora anuncian que la famosa Monotype Imaging, empresa que lleva 125 años trabajando en el mundo de la tipografí­a, ha adquirido la tecnologí­a y el equipo, prometiendo que invertirán en hacer crecer el proyecto para transformarse en toda una referencia en Internet.

En su blog anuncian que continuarán con el mismo objetivo, permitir que cualquier diseñador pueda usar una gran variedad de fuentes en sus páginas web, sin tener que limitarse a las clásicas que pecan ya por su falta de originalidad en algunos trabajos.

Monotype también es dueña de Fonts.com, MyFonts.com y Skyfonts.com, etniendo así­ un enorme poder en este sentido.

Seguiremos de cerca la evolución de este proyecto que, sin duda, puede cambiar la forma de trabajar en diseño web.

Bestwebfonts, para elegir la mejor tipografí­a en nuestros proyectos web

Juan Pablo Sarmiento, de iconshock, nos presenta una herramienta que acaban de lanzar, una que puede resultar muy útil a la hora de buscar una tipografí­a adecuada para nuestro proyecto web.

Se trata de www.bestwebfonts.com, aplicación que nos permite visualizar y obtener el código para las mejores fuentes de google fonts.

[…] buscar una fuente en google se ha convertido en algo imposible dado que ya hay más de 500. Muchas con un look MUY similar..

Solo tenemos que elegir la tipografí­a del menú derecho y ver el resultado en la página principal, siendo posible elegir efectos y ver listas.

En la parte inferior tenemos el código que tendremos que incluir en nuestras páginas para mostrar la fuente especificada.