fuentes

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])