30 fuentes Graffiti GRATIS !!!

Fuentes Graffiti Gratis

El Diseño Web se nutre de una cantidad ilimitada de estilos,  y la combinación de estos. Hace varios meses, escribí en este blog de diseño web un par de post relacionados con el graffiti y la respuesta fue increíble, se ve que hay mucho grafitero al que le interesa el diseño web, pues bien, he encontrado en dzineblog.com 30 fuentes grafiteras bastante buenas y gratuitas que seguramente os vengan bien para vuestros diseños, además podéis descargarlas tanto para Win como para Mac.

Espero que os gusten.

• Ver y descargar 30 fuentes Graffiti GRATIS !!!

POST RELACIONADOS CON EL GRAFFITI

• Pinceles graffiti para photoshop gratis.
• Crea tu graffiti online.

Rotar texto Html con CSS

Rotar texto Html con CSS

Hoy vamos a ver otro “truco de diseño web con CSS“. Vamos a girar un texto, algo que hasta ahora no quedaba más remedio que hacerlo con una imagen. Además contamos con la ventaja de que se ve en Explorer !!, como veremos más adelante para Explorer hay que hacer algún “retoque”, pero se consigue girar, que es lo importante.

Ese “truco”, nos permite abrir aún más el diseño de nuestros sites, utilizando además texto en Html, lo cual significa menor peso y ayuda al posicionamiento SEO.

A continuación vamos a ver el código necesario y lo fácil que es usarlo.

40 fuentes GRATIS !!!

Fuentes gratuitas

Design Crave nos trae una muestra de 40 buenas fuentes para descargarte gratis !!.

Es un catálogo además de bueno, muy variado. Ver y descargar 40 fuentes gratis en Designcrave.

Si además queréis más fuentes os dejo este enlace del blog con todos los post relacionados:

Blog de diseño web – fuentes para descargar y demás post relacionados.

Fuentes GRATIS !!!

Los mejores sitios para descargarte gratuítamente una tipografía

Existen muchos sitios en los que descargarse fuentes gratis, unos destacan por la cantidad de tipografías que ofrecen, otros ofrecen menos pero son más selectos, en cualquier caso con este listado seguramente que encontréis una tipografía que se adapte a vuestras necesidades.

Dafont, sin duda la más conocida. Tiene una biblioteca de fuentes fantástica para mac y win.

1001 Free Fonts, tiene muy buenas fuentes ordenadas por categorías. Una vez que eliges una fuente que te guste, tienes la opción de descargártelas para mac o win. Lo que le diferencia de otras webs de este tipo, es que puedes probar la fuente antes de bajártela.

A-Font, un blog con una treintena de fuentes muy buenas para descargarte.

Rfonts, muy buena web. Escribes una palabra y te la muestra en todas las fuentes disponibles. Muy útil para poder comparar.

AbstractFonts, cientos de fuentes que no sólo puedes descargarte, si no que también puedes hacer pruebas tanto en tipografías como en tamaño de texto.

UrbanFonts, esta web además te permite cambiar el color tanto del background como de la fuente para ver el resultado antes de descargártela.

TypeNow, la particularidad de esta web, es que puedes descargarte fuentes que se han hecho famosas en series, películas,… (Star wars, Simpsons,…)

¿Cómo usar cualquier fuente en tu web con jQuery?

Con jQuery podemos usa cualquier tipografía en nuestra web.

Una de las grandes limitaciones del diseño web, es el escaso abanico de fuentes que podemos usar para diseñar una web. Como es sabido, para que un usuario pueda ver una web con una determinada tipografía, debe de tenerla incorporada en su máquina.

Hace tiempo que surgió el sFIR, acrónimo de Scalable Inman Flash Replacement, mediante esta técnica, podemos reemplazar textos por flash. Seguramente por la complejidad de configuración no se ha hecho todo lo popular que debería, pero ahora, con la biblioteca jQuery, parece ser que hemos dado un gran paso adelante, gracias a la inmensa librería de plugins, el convertir un texto en swf es ahora mucho más fácil y rápido.

Gracias a jQuery, no necesitamos especificar color y demás atributos de la fuente. Además ahora ya no es necesario subir el archivo a producción o tener un servidor local para ver el resultado. Todo esto unido a que es más rápido e intuitivo, hace más atractiva la opción de comenzar a introducir nuevas fuentes en nuestros diseños.

Kemie Guaida nos ofrece un tutorial perféctamente ilustrado y todos los enlaces necesarios para poder usar esta técnica.

Lorem ipsum dolor sentarse amet….

Cuando un diseñador tiene que simular los textos que aparecerán en una web, normalmente lo que hace es meter un texto ficticio. “Lorem ipsum” es un texto escrito en lenguaje clásico que además de despertar curiosidad, tiene una estructura similar a la que tendrán los textos finales de la web, con lo que el cliente puede hacerse una idea de cómo quedarán sus textos formateados.
El texto es de Cicerón y data del 45 dC.
Pues bien, existen muchas webs en las que recoger este texto para luego usarlo en nuestros diseños, pero sin duda la mejor de ellas es Dummy Text Generator, en esta web podrás definir los párrafos, la cantidad de caracteres o palabras, fuentes, tamaños etc… Todo online.

Sin duda una web imprescindible para cualquier diseñador.