En hongkiat.com han presentado el resultado de una encuesta que realizaron entre varios diseñadores de varios países para determinar cuáles eran los tipos de letra preferidos por esta comunidad.
En el artículo comentan la tipografía ganadora del estudio: Myriad Pro, entre las gratuitas, y Helvetica entre las Premium.
Como no podía ser de otra forma, muestran los datos en forma de infografía, creada en este caso por piktochart.com:
Pulsa para ampliar
Aún en versión beta cerrada, los responsables de TypeCast nos han dejado echar un vistazo en esta plataforma que nos permitirá trabajar con mas de 5.000 fuentes desde Typekit, Fontdeck, Fonts.com y Google Web Fonts en un solo panel de control.
El objetivo es poder decidir el tipo de letra de los textos que publicamos en la web de forma sencilla y rápida, de la misma forma que lo hacemos con los editores de texto y fotografía tradicionales. Podemos crear columnas de contenido y alterar la tipografía usada, escogiendo en el menú lateral el proveedor de las fuentes y escribiendo cualquier tipo de texto para ver los resultados directamente en la web.
Después de tomar la decisión, podremos obtener el código CSS para publicarlo en nuestras páginas, con la seguridad de que nuestros lectores cargarán la fuente del lugar correcto para ver el mismo resultado que nosotros.
En el vídeo inferior podéis ver su funcionamiento. Continúa leyendo «TypeCast – Se hace realidad el sueño de quien trabaja con tipografía en la web»
Aunque hay muchas gratuitas en la red, la mayoría de fuentes tipográficas personalizadas no bajan de 50 dólares por licencia. Igualmente existe mucho software con muy buenas funcionalidades pero que para diseñar la tipografía de un logo sencillo, tal vez de una pequeña empresa, el alto gasto de una copia no es siquiera considerable. Para tales casos están aquí -cortesía de Mashable– varias alternativas gratuitas con un buen número de capacidades:
FontStruct es un editor online auspiciado por FontShop, una popular tienda de fuentes. Muy sencillo es su uso, además de que permite exportar los resultados rápidamente en formato de fuentes TrueType (TTF). La comunidad y la posibilidad de compartir las creaciones en el sitio lo convierten en un espacio propicio para conseguir otras fuentes de alta calidad.
Continúa leyendo «7 herramientas para diseñar fuentes tipográficas gratis»
Vamos ahora a por una de las maravillas que se están consiguiendo realizar con css3: CSSWarp.
Su uso es muy sencillo, solo tenemos que escribir el texto que deseamos, modificar la curva del panel central, elegir el tipo de fuente (tipografía), tamaño y otras variables que nos permitirán personalizar el resultado. Al concluir la configuración podremos ver nuestro texto siguiendo la linea curva predefinida, con opción de obtener el código HTML para publicarlo en cualquier página web.
No funciona en todos los navegadores, pero sí he podido comprobarlo en la última versión de Firefox y, tal y como indican en la sección de código, el resultado también puede verse en Internet explorer 9 y Opera (nada de Chrome, de momento).
Os dejo con el vídeo de presentación:
Continúa leyendo «CSSWARP – Texto siguiendo curvas, en CSS3»
Si queréis construir una página web para vuestro negocio y, además de poco tiempo, tenéis pocos recursos para contratarlo, echad un vistazo en onepagerapp.com.
Se trata de una aplicación que nos permite crear una web informando datos sobre la presentación de nuestro producto, mapa de localización, horarios de atendimiento, descripción… los campos que aparecerán podrán ser configurados, así como la estética del mismo, ya que el fondo, tipografía, tamaño y demás variables pueden cambiarse en cualquier momento.
Al terminar podréis configurar el sistema para usar un dominio propio, aunque también es posible usar un directorio de la aplicación.
Una opción interesante para tener la web lista en un tiempo record.
Gracias Marcos por el enlace.
Una interesante aplicación que nos permite conocer las diferentes fuentes utilizadas dentro de un sitio web, mientras se navega por las páginas del sitio, la herramienta se llama WhatFont Bookmarklet, la cual es fácil de usar.
Para ejecutarla sólo tenemos que arrastrar el botón a la barra de nuestro Bookmark del navegador. Para que el aplicativo entre acción se debe hacer clic sobre el Bookmark y el cursor al instante es acompañado por un recuadro negro, donde nos mostrará la familia de la tipografía utilizada en esa zona, más el estilo, tamaño, grosor y altura de la letra.
Un buen recurso para analizar los diseños propios y compararlos con los ajenos.
Hace tiempo que no actualizamos la lista de opciones para encontrar fuentes, algo extremadamente necesario para quien entiende que la tipografía es una de las cosas más importantes en cualquier trabajo o presentación.
Os comento ahora algunas de las recomendadas en linkzoo.net, donde tienen varios enlaces recomendados para profesionales del diseño. Una buena lista para ampliar las 60 que os comenté hace ya más de un año.
1001 Fonts: Clasificadas por categorías, con las más populares en destaque.
26plus-zeichen: No hay muchas, pero son de buena calidad, con un menú gráfico muy intuitivo.
Abstract Fonts: Para quien busca un tipo de fuente original y diferente.
Apostrophic Laboratories: El catálogo de tipos está dividido en 189 paquetes, y cada paquete contiene entre un tipo de letra hasta varias decenas en algunos casos.
Astigmatic One Eye: No hay mucha variedad, aunque muchas de ellas están disponibles de forma gratuita para uso comercial y personal.
Blue Vinyl Fonts: Con fuentes, cliparts e iconos.
Cape-Arcona: Clasificadas, con varios estilos en cada una de ellas.
Dafont: Uno de los más conocidos en todo el mundo, con miles de fuentes de todo tipo.
Esos Tipos de la Utem: Fuentes publicadas en la Escuela de Diseño de la Universidad Tecnológica Metropolitana de Santiago de Chile.
Exljbris: Muy pocas, pero de excelente gusto.
Fawnt: Una colección de más de 10.000 fuentes.
Fenotype Typefaces: Originales, para diseños desenfadados.
Flood Fonts: Una pequeña colección de fuentes comentadas por su creador.
Fonthead Design: La colección gratuita es muy pequeña, pero hay buen material en todo el sitio.
Font Squirrel: Gratuitas para uso comercial. Una muy buena colección
Free Typography: Al estilo de blog, comentan y ofrecen tipografías excelentes.
High Fonts: Más de 3000 completamente gratuitas, con muchas más comerciales.
Maniackers: Una buena colección, con caracteres japoneses incluidos.
Ripe Type: Muchas gratuitas, con comentarios y ejemplos de aplicación.
Search Free Fonts: Un buscador de fuentes clasificadas, con una enorme colección de material gratuito.
Urbanfonts: Más de 8000 fuentes freeware clasificadas por etiquetas.
Icono: Iconshock
wordmark.it es una aplicación que, sin necesidad de registro, nos permite ver un ejemplo de palabra escrita en cada uno de los diferentes tipos de letra instalados en nuestor PC.
Por su sencillez es ideal para encontrar la tipografía adecuada para nuestro trabajo, ya que en una sola paǵina podemos ver rápidamente todas las fuentes que podemos usar en el ordenador, sin necesidad de tener que ir probando una por una en nuestro editor de imágenes.
Creado por Fahri í–zkaramanlı (Estanbul), usa un script escrito por Marko Dugonjić de Typetester (aplicación que permite comparar tipos de fuente desde el navegador).
Form style generator es una pequeña aplicación que permitirá a los gerentes de un sitio web añadir un formulario de contacto en pocos minutos. Para ello, la aplicación utiliza el código CSS para generarlos, muy útil para usuarios menos expertos con este código de programación web.
Podremos añadir tablas, cambiar colores, cambiar el tamaño de las fuentes, tipografías… no obstante, no sólo es útil para generar formularios, también lo podemos utilizar para cambiar zonas de nuestro sitio web, por ejemplo.
Además es una aplicación gratuita y fácil de utilizar, por lo que se convierte en un salvavidas para aquellos que no tienen los suficientes conocimientos para generar manualmente los formularios o modificar zonas de su sitio web.
TypeChart es un proyecto bastante útil para los que están en proceso de elección de un tipo de letra para su nueva web.
Podemos ver textos usando varias tipografías, con opción de ver el estilo en Windows y Mac y, lo mejor de todo, obtener el código CSS de cada una con sólo pulsar el botón correspondiente.
Aunque no hay muchos estilos diferentes, sí hay los suficientes como para dejarnos un buen rato tomando la decisión.
