fuentes

De Test tipográficos tenemos algunos ejemplos: Shoot the font es el primero que recuerdo. Todo sea por ver cómo andamos de conocimientos y ojo con las letritas.

The Font Game es lo mismo, pero adaptado para usuarios de iPhone/iTouch. Y no es que tenga muchos conocidos con iPhone pero en todos se cumple lo mismo: tienen jueguitos a montones. Éste no debería faltar :D

:: The Font Game for Iphone [en] ::

Creo que nunca ha estado tan revuelto el tema tipografíco en la web. Y es normal. Si avanzamos tanto en otros aspectos no es posible que dejemos olvidado el tratamiento tipográfico del navegador. No podemos seguir limitándonos a esas fuentes estándar por siempre.

Para ello se han ido creando diferentes técnicas que han ido evolucionando en capacidad y uso en mayor o menor medida. Tenemos sIFR, Cufon y Typekit, se empezó a integrar el soporte correcto de @font-face y el uso de fuentes en formato Open Type…

El otro día hablaba Andreu Balius en su recientemente estrenado blog sobre este tema precisamente. Y me descubrió el formato WOFF, algo en lo que se está trabajando y parece tener detrás el apoyo de Mozilla.

No tiene pinta de ser nada revolucionario, “simplemente” un encapsulado tipográfico que permite incrustar metadatos y de esta manera poder “rastrear” mejor el uso de la misma o servir de información para el usuario. No sé en qué acabará la cosa pero o empezamos a ponernos de acuerdo o el circo va a ser cada vez más divertido.

:: Tipografía en pantalla: hacia una solución definitiva ::

Si ya estás ducho en la materia del diseño web, esto te va a sonar mucho. Pero si eres nuevo uno de los mejores consejos que te pueden dar a la hora de establecer un diseño correcto es que le prestes atención al texto. Y no me refiero sólo a una buena selección de fuentes.

Por ejemplo tenemos Baseline para juguetear un poco. Incluso puedes recurrir a Typetester para comprobar cómo se ven esas fuentes “estándar” del sistema.

Pero este artículo que enlazo a continuación es bastante completito y desarrolla una serie de puntos importantes a tener en cuenta para una correcta maquetación de texto en web. Incluso me ha descubierto lo del Hyphenator.js que no conocía y tendré que probar en algún momento :)

Lo dicho, lectura recomendada.

:: Type Tips, consejos para la tipografía en web :: (Vía Nudonation)

Me gustaría hacer de este post algo más introspectivo. No alzar la vista fuera sino quedarme con “lo de dentro”. ¿Por qué sugeriros the 30 most awesome typos you can use to be a perfect designer and a handsome boy cuando en realidad no existe algo como tal? Prefiero contaros cuáles son las que yo vengo usando porque el tiempo me ha demostrado que funcionan bien. Son sólo una pequeña muestra pero creo que es la más representativa. Sobra decir que porque las use yo, no quiere decir que sean mejores o peores, además siempre habrá proyectos que requieran usar otro estilo totalmente diferente. Pero siempre agradezco cuando me cuentan este tipo de cosas y he pensado en hacer lo mismo.

Por tanto quiero dar paso a las protagonistas que aparecen listadas bajo un criterio totalmente aleatorio (según me voy acordando). No sé cuantás serán pero seguro que no pasan de 10-12. Por cierto, en un principio iba a separarlas en dos categorías: web e impresión. Pero con cositas que ya conocemos no creo que haga falta discernir entre fuentes seguras y las que no lo son.

(more…)

El test chorra del día para despedir la semana. Si sigo así esto va a parecer Facebook xD. Me ha salido la Bifur [en] aunque realmente yo me siento mucho más identificado con ésta [en]. Y tú, qué tipografía eres?

:: What type are you? [en] ::

PD: La contraseña es character

Si hay una campaña online que realmente me pareció simpaticona fue la de Extensis [en] y su Max Kerning.

Amanda me ha escrito para comentarme que han colgado algunos nuevos spots [youtube] en los que Max hace acto de presencia para anunciar que Suitecase Fusion 2 [en] ya está disponible para plataformas Windows.

Los anuncios no es que sean la repanocha pero me alegro de enterarme que Windows cuenta con una opción más a la hora de gestionar fuentes. Y es que yo sigo anclado al AMP todavía :S

No negaré que me ha llegado más de un correo lo largo de todo este tiempo indicándome que se hacía un poco incómodo el uso de Flash en los titulares. Siempre respondía que era algo que sabía y que esperaba solucionar antes o después. Pues ale, manos a la obra.

Hasta la fecha yo venía usando sIFR [en] en el blog para dicha tarea y también para el portfolio (pero implementado con jQuery en este caso) Me parecía un punto importante mantener unos titulares y encabezados decentes aunque presentara ciertos problemas de uso como la escalabilidad del tamaño de letra (no era del todo correcto), la imposibilidad de hacer un efecto hover en condiciones (en las últimas versiones creo que ha mejorado) y, la más importante, que era una lata para copiar la url a la que se enlazaba o incluso a hacer clic sobre los titulares. Pero bueno, en este caso me tragué lo de “la forma sigue a la función” y dí preferencia a lo visual. Hasta ahora.

(more…)

Como el otro día hablaba de una ayuda para buscar tipografías quizá te haya picado el gusanillo por saber más sobre las mismas.

Puedes pasarte por Typedia que pretender servirnos de ayuda para conocer todo lo que hay detrás de la creación de estas letritas. Año de creación, autores, un poco de historia… Actualmente rondan las 300 tipografías y más de 1000 usuarios registrados por lo que no empiezan nada mal.

Os dejo además un post del gran Jason Santa María [en] en el que comenta un poco el proceso de creación de la web.

:: Typedia [en] + Introducing Typedia [en] ::

Mientras trasteaba un poco por la web de Adobe, me he encontrado con una nueva herramienta que no me suena pero que seguro lleva disponible mucho tiempo. Se trata de Font Finder, un asistente online que te ayuda a seleccionar el mejor estilo de tipografía en función de las opciones que marques.

Ya sea para un packaging o logotipo, si el estilo va a ser más estricto o liviano… hay un montón de opciones para configurar. Lo suyo es echarle un vistazo un par de veces y ver si os merece la pena usarlo. Eso sí, siempre muestra resultados de tipografías comerciales. Para los que busquéis otro tipo de soluciones, siempre estará a mano la gran Font Squirrel [en] o el más modernuqui Fontplore :D

:: Adobe Font Finder [en] ::

font-face es una propiedad CSS que permite definir una tipografía alojada en una URL de nuestra elección y así conseguir que nuestras webs se vean tal y como queremos, independientemente de si en nuestro sistema tuviéramos instalada la fuente o no. Aunque actualmente no está soportada por el amplio espectro de navegadores disponibles, se va avanzando en el asunto.

Debido a ello empiezan a surgir preguntas relativas al “libre albedrío” con el que empezarán a moverse fuentes de un lado para otro sin saber realmente si su licencia de uso lo permite. Por ello, The League of Movable Type nace con la idea de servir de nexo de unión para todos aquellos interesados en el desarrollo y distribución de tipografías open source. Ya tienen un par de ejemplos que podemos usar y con los que no tendremos que preocuparnos de estos temas.

:: The League of Moveable Type [en] :: (Vía Ventilate [en])

Pues sí, desde el 2002 ha llovido mucho y yo casi ya ni me acuerdo. Pero ha vuelto con energías renovadas y mucha mucha pasión por la tipografía.

:: Typographica [en] :: (lo contaban en Surfstation [en])

¿Eres capaz de reconocer las 10 tipografías? No es dificil. 9 de 10 ;)

:: Test tipográfico [en] :: (Vía DesignNotes [en])

Buscando más info sobre el tema de tipografías, he llegado hasta Fawnt, un listado que muestra tipografías gratuitas, ordenadas según el número de clics realizados. Es un buen recurso para aquellos que no quieran perder (o no tengan disponible) mucho tiempo para emplear en la caza y captura de nuevas tipos.

:: Fawnt [en] :: (Vía Intenta)

Aunque un buen puñado de ellas ya han sido comentadas en la correspondiente sección tipográfica, un remember nunca viene mal.

De la gente de Smashing Magazine [en], me traigo 40 Excellent freefonts [en], un recopilatorio de lo mejorcito que podemos encontrar en lo que a tipografía gratuita se refiere. Eso sí, falta La paquita ;)

A la gente de Veer le debía parecer muy aburrido eso de mostrar el típico catálogo con tipografías en plan “The quick brown fox jumps over a lazy dog” y se han currado una ciudad tipográfica. Con sus edificios, catedrales y demás cosicas. Una estupenda manera de hacer más interesante las ofertas en lo que a tipos se refiere.

:: Type City [en] :: (Vía El burlador)