Forecast Font es una nueva web-font de «íconos» meteorológicos especial para utilizar en proyectos de  meteorología, sitios sobre pronóstico del tiempo o cosas por el estilo.

Ejemplo de uso

@font-face {
	  font-family: "iconvault";
	  src: url("iconvault_forecastfont.eot");
	  src: url("iconvault_forecastfont.eot?#iefix") format("embedded-opentype"),
	       url("iconvault_forecastfont.woff") format("woff"),
	       url("iconvault_forecastfont.ttf") format("truetype"),
	       url("iconvault_forecastfont.svg#iconvault") format("svg");
	  font-weight: normal;
	  font-style: normal;
	}

Lo bueno es que los «íconos» son totalmente personalizables mediante CSS, y al ser en capas podemos cambiar el color de cada elemento, como pueden ver se puede especificar el color de la nube, el del sol, y el de la lluvia.

Si quieren crear un íconos de una nube soleada con lluvia como la de la derecha el ejemplo sería el siguiente:

Insertando una «Nube  con sol y lluvia»

/* -----BaseCloud----- */

	.basecloud {
	font-family: 'iconvault';
	font-size:6em;
	content: '\f105';
	position:absolute;
	color: rgb(204, 204, 204);
	}

	/* -----Showers----- */

	.icon-showers::before  {
	content: "\f104";
	position:absolute;
	color:#82b2e4;
	}

	/* -----Sunny----- */

	.icon-sunny::after {
	content: "\f101";
	color: rgb(255, 165, 0);
	position: absolute;
	}

El HTML

<ul>
	    <li class="icon-sun"></li>                        
	    <p>This is a simple Sunny icon.</p>
	</ul>

	<ul>
	    <li class="basecloud"></li>
	    <li class="icon-showers icon-sunny"></li>
	    <p>This icon shows Sunny with Showers.</p>
	</ul>

Enlace: Forecast font

Visto en Kabytes

La entrada Colección de tipografías meteorológicas @font-face se publicó primero en Punto Geek.

Pueden encontrar y descargar la lista completa en Speckyboy

La entrada 20 paquetes de iconos gratuitos para diseñadores y desarrolladores web se publicó primero en Punto Geek.

Como dice el título, las fuentes a comparar provienen desde Google Fonts y Typekit (para éste último van a tener que tener una cuenta en Typekit). Pero la ventaja es que podemos comparar toda las fuentes desde un solo lugar, lo que nos da mucha más comodidad.

Enlace: Font Comparer

Visto en Nirmaltv

La entrada Font Comparer, compara fuentes de Google Fonts y Typekit online se publicó primero en Punto Geek.

Con Font Manager, que actualmente se encuentra en su versión 0.5.6, es posible administrar y gestionar colecciones de tipografías. Además de las tipografías del sistema y el usuario. Esta aplicación, al iniciarse, detecta automáticamente todas las tipografías instaladas en nuestro sistema, y permite buscarlas por nombre o previsualizarlas con un texto personalizado.

Para hacernos del programa Font Manager, podemos ir a su web oficial y descargar el paquete .deb, para los derivados Debian/Ubuntu. Una vez descargado le hacemos doble click para iniciar el “Instalador de paquetes”. En su defecto, podemos descargar el código fuente para compilar e instalar en otras distribuciones que no estén basadas en .deb.

De todas formas, los usuarios de Fedora lo tienen disponible en sus repositorios. Así que bastará con abrir una terminal o consola y tipear lo siguiente:

$ su -c “yum install font-manager”

Una herramienta muy indispensable y destacable, con muchas funciones, entre las que podemos nombrar:

* Vista previa de las fuentes instaladas

* Comparación de las fuentes instaladas

* Instalar o eliminar fuentes

* Activar y desactivar las fuentes instaladas

* Especificar directorios diferentes para buscar fuentes

* Colecciones de fuentes

La entrada Administra tus tipografías en GNU/Linux con Font Manager se publicó primero en Punto Geek.

Vía: No quedan blogs

La entrada Las tipografías y las razas de perros se publicó primero en Punto Geek.

Dentro de las cosas que me gustaron del sitio so la posibilidad de especificar un texto para que se muestre en el preview de cada fuente, esto lo ofrecen pocos sitios de fuentes y es realmente útil. Además si nos creamos una cuenta podemos marcar fuentes como favoritas para después navegarlas cuando queramos y poder descargarlas.

Todas las tipografías están organizadas por categorías, idiomas, diseñadores o por nombre. Todas son gratuitas y las podemos desacrgar para utilizar en cualquier diseño.

La entrada Abstract Fonts, 13.000 fuentes gratuitas se publicó primero en Punto Geek.

• Twitter: Pico Alphabet (modificada)
• Last.fm: National (modificada)
• Vimeo: Black Rose
• Flickr: Frutiger Black
• Facebook: Klavika (modificada)
• Digg: FFF Forward (modificada)
• Cork’d: Triplex
• Grooveshark: FF Nuvo
• Envato: Agenda Italic
• Technorati: Neo Sans Medium

En la lista de arriba les dejo sólo los primeros 10 ítems de la lista, si quieren ver la lista completa lo puede hacer desde el post original en Puerto Pixel.

La entrada Las tipografías utilizadas en los logos famosos se publicó primero en Punto Geek.

La tipografía de un diseño puede arruinarlo en segundos o convertirlo en una genialidad. Hay que prestar atención al momento de optar por una e implementarla de forma tal que quede armoniosa con el resto del diseño. ¿Cómo logramos esto? Aparte de con obviamente conocimientos sobre diseño y creatividad, contando con una buena lista de tipografías variadas, algo que nos facilite encontrar siempre la que necesitamos y no tener que salir «corriendo» a buscar una.

Podemos ayudarnos con el artículo que publicaron en InstantShift, donde nos muestran 30 tipografías gratuitas de lo mas variadas. Hay fuentes modernas, estilo grunge, caligráficas, redondeadas y algunas muy originales. Junto a cada imagen de ejemplo van a encontrar el enlace de descarga, así que no deberían tardar mucho en sumar algunas a su colección.

La entrada Tipografías gratuitas para tus diseños se publicó primero en Punto Geek.

Obtener tipografías libres para GNU/Linux e instalarlas también puede ser una tarea sencilla, sobre todo si conocemos como utilizar la herramienta “Font Manager” disponible para los usuarios de Gnome o “Fontmatrix” para los usuarios de KDE.

Existen muchas web que disponen de repositorios de tipografías para GNU/Linux, veamos entre las mejorcitas cuales podemos nombrar: en CrunchBang tienen un listado de 465 tipografías libres para Ubuntu; en Yukei.net hicieron un listado de las 10 mejores tipografías de la familia Unix; y como dejar de nombrar Open Font Library un proyecto cuyo objetivo es recolectar fuentes tipográficas libres.

Veamos como instalar nuevas tipografías en GNU/Linux. Cabe destacar que este procedimiento sirve para distribuciones basadas en Debian o en Fedora, seguramente para el resto tambien. Entonces, si lo que descargamos es un archivo comprimido, tipeamos lo siguiente para descomprimirlo:

tar -c /Documents/carpeta-fuentes.zip

Una vez descomprimida, la copiamos a la carpeta /usr/share/fonts/ de la siguiente manera:

cp -r /home/usuario/Download/carpeta-fuentes /usr/share/fonts/

Listo hasta aca, agregamos las fuentes a la caché tipeando en consola lo siguiente:

fc-cache /usr/share/fonts/carpeta-fuentes

Por otra parte, existe un proyecto conocido como FonForge que nos permite crear nuestros propios archivos postscript, truetype, opentype, cid-keyed, multi-master, cff, svg y bitmap. Y además de todo esto, permite transformar de un formato a otro a través de una interfaz muy fácil de utilizar.

Para instalar FontForge en Ubuntu y derivados, tipear lo siguiente en consola previo logueo:

apt-get install fontforge

Para instalar FontForge en Fedora y derivados, tipear lo siguiente en consola previo logueo:

yum install fontforge

Con FontForge, además, puedes abrir el archivo de una tipografía cualquiera y te mostrará todos los caracteres que contiene. Luego, con un simple doble click sobre el carácter puedes editarlo a tu gusto creando una nueva fuente personalizada.

La entrada Tipografías libres para GNU/Linux: cómo instalarlas y crear las tuyas se publicó primero en Punto Geek.

Las últimas veces que vimos tipografías por acá fueron las pixel fonts y la recopilación con fuentes estilo handwriting. Sin embargo, a veces es bueno poder disfrutar de una recopilación variada, que nos brinde fuentes de diferentes estilos y por ende, ampliemos la variedad de nuestra colección personal.

Una buena opción si están con ganas es ver la lista creada por la gente de AntsMagazine, con 21 tipografías gratuitas frescas, novedosas y de aspecto profesional para tu diseño. Cada fuente se acompaña de su demostración y enlace de descarga, así que solo resta que nos pongamos a elegir y descarguemos un par (o varios).

Recuerden que si bien los estilos mas buscados actualmente son el grunge y el handwriting, un cliente puede presentarse con un proyecto serio o mas profesional y necesitarán fuentes mas sobrias.

La entrada 21 tipografías gratuitas se publicó primero en Punto Geek.

Un tiempo atrás los dingbats eran un recurso sumamente útil en momento en los que había que salir del paso. Sin embargo, es tanta la cantidad que hay que encontrar ejemplos que realmente puedan ser de ayuda, se hace complicado, y en cambio uno ve ejemplos que sabe que jamás va a utilizar. Por supuesto, con fechas de entrega constantes, la idea de tener que pasar horas buscando es algo que borramos automáticamente.

En WebDesignLedger publicaron una recopilación con 20 dingbats que son realmente útiles. Se incluyen imágenes de países, siluetas de personas en diferentes posiciones, espirales, manchas, flores y mariposas, entre otros ejemplos que mas de una vez pueden ayudarnos a finalizar un trabajo. Solo hay que hacer click en la imagen que nos guste y seremos dirigidos al sitio de descarga para obtenerlas sin problemas.

La entrada 20 fuentes dingbats realmente útiles se publicó primero en Punto Geek.

Las tipografías conocidas como «pixel fonts» son sumamente útiles frente a algunos proyectos. Cuando uno desea agregar alguna información sin saturar el proyecto, o mas datos en una tarjeta personal por ejemplo, este tipo de fuentes lo permiten y de una forma genial. Por esto es bueno que uno no se olvide de sumar estas fuentes a nuestra colección personal.

En GeekSucks publican una recopilación con 15 pixel fonts que a pesar de la poca variación que suele haber en este tipo de recursos, nos ofrecen lo contrario. Todas son mínimas, pero gratamente variadas, y por ende pueden darle originalidad a nuestros diseños. Cada tipografía se acompaña con su ejemplo y enlace de descarga, así que no queda mas que ponernos a elegir las que mas nos gusten.

La entrada 15 pixel fonts gratuitas se publicó primero en Punto Geek.

Las tipografías estilo handwriting están siendo muy buscadas principalmente porque en todo tipo de diseño está de moda el efecto grunge. Lo vemos desde en gráficas hasta en sitios web, y bien aplicado puede resultar muy atractivo. Es uno de los estilos con los que hay que tener cuidado, porque el límite entre que se vea genial y que se vea saturado es realmente fino. Pero nada que con práctica no se consiga.

Si están buscando tipografías estilo handwriting en el sitio Designm.ag publicaron una excelente selección con 25 de ellas totalmente gratuitas. Si bien todas son de este estilo hay variaciones y seguro van a encontrar una adecuada al proyecto que estén realizando. Si éste es con fines comerciales, recuerden revisar las restricciones que tenga el diseñador. Para obtener la fuente que les guste, simplemente haganclick en la imagen de la que les guste y serán dirigidos al sitio de descarga.

La entrada 25 tipografías estilo handwriting se publicó primero en Punto Geek.

Todos ya conocemos la importancia que tiene la tipografía en un diseño, sea un blog, una gráfica o un poster. Hay que saber cual es la mejor forma para implementarla teniendo en cuenta varios aspectos, por ejemplo la temática, el estilo y el público al cual será enfocado. Ante cualquier proyecto, lo ideal es tener ya una buena colección de fuentes en nuestra Pc listas para ser utilizadas sin pérdidas de tiempo (nada mas molesto que estar buscando una tipografía en el último momento a las apuradas y con una fecha).

Algo que vamos a desear cuando buscamos fuentes, es encontrar tipografías originales para que nuestro trabajo sea original. Si quieren armar su propia colección, una buena forma de comenzar sería ver la recopilación que crearon en InstantShift con 40 fuentes originales y gratuitas. Se abarcan todos los estilos, así que seguramente terminemos de ver la lista contando con una buena cantidad de tipografías fuera de lo común en nuestra Pc.

La entrada 40 tipografías gratuitas para tus diseños se publicó primero en Punto Geek.

Las tipografías son una parte esencial de cualquier diseño. Si la fuente es mal elegida, se la ubica en el marco incorrecto o con un efecto que no combina con ella, nuestro diseño no se verá profesional y por ende, quedará arruinado. Por eso es importante ir conociendo que opciones tenemos disponibles para descargar gratuitamente de forma rápida y estar así listos para cualquier proyecto que se presente, sin importar su temática.

En Smashing Magazine publicaron una recopilación con 15 fuentes gratuitas de excelente calidad, de esas que no es tan fácil encontrar. Así que están necesitando tipografías, o simplemente quieren ir juntando, es una buena opción para comenzar. Recuerden si van a usarla en un proyecto con fin comercial leer antes las licencias para evitar problemas.

La entrada 15 tipografías totalmente gratuitas se publicó primero en Punto Geek.

Como todos ya sabemos las tipografías son un parte importante del diseño. No tanto como para que con que sea una linda y le sumemos un efecto alcance para llamar a nuestro diseño unlogo , pero si como para que nuestro trabajo se vea realmente excelente al final, con la fuente adecuada ubicada de la forma correcta. Por esto es bueno contar con una buena variedad de tipografías en nuestra Pc esperando por el momento justo para ser usadas.

En Presidia Creative publicaron una recopilación con 26 tipografías que todos deberíamos tener, de excelente calidad, variadas temáticas y diseños, listas para descargar e implementar como deseemos en un trabajo. Solo deberán elegir las que les guste yclickear en la imagen para que los lleve a la página de descarga. Recuerden leer las licencias porque no todas son libres para todo tipo de proyectos, sobre todo en el caso de que sea con fines comerciales.

La entrada 26 tipografías que todos debemos tener se publicó primero en Punto Geek.

En el caso de que no sepan la diferencia, las tipografías Sans Serif son las que no tienen «terminación». Sans Serif significa en francés «sin serifa», esto quiere decir que los caracteres no tienen esas terminaciones en cada extremo, sino que terminan de forma recta. Las «serifas», estos pequeños adornos al final de las letras, hacen que la mirada siga toda la línea de texto. Por el contrario, las tipografías sin serifas hacen que la vista se esfuerce mas al leer gran cantidad de texto, por eso suele quedar solo en el título.

En MyInkBlog publicaron una lista con 10 excelentes tipografías Sans Serif gratuitas, que son ideales para descargar y tener cerca cuando diseñemos justamente por su claridad a la hora de crear títulos, o textos principales, e incluso logos. Cuestión de experimentar y de estar siempre preparados para lo que el cliente pueda solicitarnos.

Fuente: Wikipedia

La entrada 10 fuentes Sans Serif gratuitas se publicó primero en Punto Geek.

Gracias a que cada día hay mas buenos diseñadores dando vueltas por este mundo, en la actualidad no es tan necesario (salvo excepciones) tener que pagar para obtener recursos de calidad. Y esto incluye desde themes para WordPress hasta imágenes vectoriales. Solo es cuestión de saber buscar en Internet y encontrar recursos que nos harán nuestro trabajo mucho mas sencillo, además de seguramente mas atractivo.

En Designer-Daily publicaron una lista con 30 tipografías gratuitas, todas de aspecto profesional, y listas para descargar con un enlace junto al ejemplo. Si planean encontrar una fuente para un proyecto comercial, recuerden para ahorrarse problemas revisar las licencias que correspondan. Para hacer mas fácil nuestro recorrido, el administrador ordenó la colección en los estilos mas conocidos, como Sans Serif, Serif, y Sketch.

La entrada 30 tipografías gratuitas se publicó primero en Punto Geek.

Si conoces la importancia que la tipografía tiene en un diseño, de seguro te pasará que tu colección de fuentes no para de crecer. Y esto tiene su lado positivo: es muy probable que frente a un nuevo proyecto encargado, podamos encontrar el estilo de tipografía adecuado para el mismo. Sin embargo, siempre es bueno estar al tanto de los nuevos lanzamientos.

En Tripwire publicaron una lista con 75 fuentes gratuitas y con aspecto totalmente profesional que deberíamos tener en cuenta si estamos en búsqueda de una buena tipografía. Cada ejemplo viene con su imagen de muestra y su enlace de descarga. Recuerden leer la licencia sobretodo en el caso de que se implementen en un proyecto con fines comerciales.

Fuente: WebIntenta

La entrada 75 fuentes gratuitas y profesionales se publicó primero en Punto Geek.

La gente del sitio Font Squirrel dice conocernos y saber lo tedioso que puede ser encontrar tipografías de calidad que al mismo tiempo sean gratuitas y se permita su uso en proyectos comerciales. Así que decidieron crear un sitio con ese lema como base, donde seleccionan ellos mismos las fuentes que cumplan estos requisitos. O sea, las que todos queremos.

Navegar el sitio es cómodo, las tipografías están separadas en estilos o por formatos. Entre los primeros podemos encontrar dingbats, caligráficas y pixeladas. Tenemos sino como segunda opción, en el caso de no estar seguros de que estilo de font necesitamos, navegar por las mas descargadas, o por las que subieron recientemente.

La entrada Font Squirrel: Tipografías gratuitas se publicó primero en Punto Geek.

Se acerca el día de los enamorados, y vamos a dedicar algunos recursos a quienes estén creando imágenes y diseños relacionados. Seguramente se encuentran buscando tipografías que expresen el amor y el romance para agregar a sus diseños, tarjetas y regalos.

En Best Photoshop Tutorials nos ofrecen revisar una lista con 20 fonts románticas, ideales para San Valentín, para tarjetas de casamiento o cualquier otro tipo de proyecto que tenga presente esta temática. Cada ejemplo viene con su descarga, solo hay que fijarse el número que corresponde a la tipografía que quieran.

La entrada 20 fonts para San Valentín se publicó primero en Punto Geek.

Cuando uno diseña, la elección de la tipografía correcta es importante. Puede hacer el diseño genial o arruinarlo en segundos. Por eso es todo un proceso que no siempre dura poco, y lo mejor es ayudarnos con varias herramientas para lograrlo.

La gente de Smashing Magazine publicó una recopilación con 50 herramientas para trabajar con tipografías, que incluye además técnicas y recursos para ayudarte a lograr el mejor diseño. La lista incluye sitios de referencia, navegadores de fonts, técnicas CSS, tipografías gratuitas y comerciales además de como siempre, excelentes ejemplos y galerías para buscar inspiración.

La entrada 50 herramientas para trabajar con tipografías se publicó primero en Punto Geek.

Si te encuentras creando un proyecto donde la imagen principal sea un graffiti, uno de los últimos artículos de Altered Advice va a ayudarte. Se trata de una selección con las que son, a su parecer, las 10 mejores tipografías estilo graffiti gratuitas. Muchas veces no es necesario gastar para obtener algo de calidad, y este es un buen ejemplo.

La lista incluye tipografías ya conocidas por muchos como «Most Wasted«, y otras que quizás nadie vio antes, pero quedarían muy atractivas en un entorno adecuado y bien realizado. La colección fue tomada en base al sitio Dafont, y haciendo click en la que te guste, irás directamente a la descarga para hacerlo mas cómodo aún.

La entrada 10 excelentes tipografías estilo graffiti se publicó primero en Punto Geek.

Hoy en día, cuando uno diseña un logo, suele ser importante mantener un aspecto limpio y minimalista, que al mismo tiempo transmita la idea que el cliente quiere dar. Por esto es importante para todo diseñador tener en su colección de tipografías, buenos ejemplos claros y de calidad. Todo sea por ahorrar tiempo a la hora de diseñar, algo crucial si te dedicas a esto.

En Cats who code publicaron una lista con 10 tipografías ideales para crear un logo, todas gratuitas y excelentes, que deberíamos tener en cuenta ya que seguro nos ayudan en el momento de crear el logo perfecto.

La entrada 10 tipografías gratuitas ideales para logos se publicó primero en Punto Geek.