elWebmaster.com

Junto con CSS3 y HTML5 llegaron a la red de redes una gran cantidad de recursos que permiten simplificar la vida y el trabajo de los diseñadores y programadores web.

Entre ellos, se encuentra Font Dragr, una herramienta online gratuita que nos brinda la posibilidad de previsualizar fuentes con solo arrastrarlas y soltarlas en el navegador. Seguir leyendo

Las fuentes Light son aquellas que usualmente son más finas que las tipografías comunes. Utilizando las fuentes Light se pueden crear banners, encabezados, sidebars, etc. con una estética visual atractiva.

En esta nota, vamos a explorar las características básicas de las fuentes Light, algunos ejemplos y compartir las mejores fuentes delgadas gratuitas de la red. Seguir leyendo

En Fontcapture.com podrás crear una tipografía basada en tu propia letra a mano alzada, sin necesidad de descargar o instalar ningún software. Sólo necesitas una impresora y un scanner.

Sencillamente debes llenar el template de fuente, scannear, subirlo al sitio web y descargar tu fuente completa. ¿Genial, no? Seguir leyendo

¿Alguna vez te ha pasado de subir un texto genial en tu sitio y notar que no tiene los resultados que esperabas? Muchas veces, a los usuarios se les hace difícil poder leer bien una nota.

En el artículo de hoy les dejamos algunas sugerencias para que puedan hacer más legible el texto de sus blogs o sitios web. ¡Esperamos que te sean de utilidad! Seguir leyendo

El embebimiento de fuentes utilizando @font-face es verdaderamente un arte oscura y compleja que debe ser dominada.

Es por eso que en esta nota te traemos la guía maestra sobre cómo embeber fuentes en tu sitio web. ¡Esperamos que te sea de utilidad! Seguir leyendo

En CSS 3, La forma en que funciona una @font-face es que cualquiera que sea el atributo que especificas para una regla @font-face, éste no determina cómo luce una fuente sino más bien cuándo es que va a ser utilizada.

A continuación tienes un ejemplo en el que utilizando @font-face se simulan los extra-weight de las fuentes, mediante la asignación de fuentes específicas para cada weight. Seguir leyendo

Desde el próximo 12 de mayo y durante tres días tendrá lugar en Colima, México la segunda edición del evento de diseño gráfico conocido como “El Gallinero” que reúne a los principales exponentes de diseño y publicidad del país.

El programa del evento incluye conferencias que abarcarán diferentes temas (”La memoria gráfica retenida”, “El diseño gráfico en Colima” y “Una historia de fotografía”) y talleres sobre tipografía y fotografía digital (Tipografiando” y “Composición fotográfica y técnicas digitales”). Seguir leyendo

Cuando se trata de programar el tamaño de una fuente en CSS, tenemos varias opciones. Cada una de las opciones tiene una función específica y algunas ventajas y desventajas según el uso que se le dé.

Para empezar, puedes aplicar una palabra clave como p { font-size: small; } o un valor númerico. Si decides esta segunda opción, necesitarás declarar una unidad de medida fija que a su vez ofrece cuatro opciones: px, em, % o pt. ¿Cuál es mejor? Depende… Hechemos un vistazo. Seguir leyendo

Dedicado a todos los diseñadores, esta vez empezamos la semana con un juego. Deep Font Challenge, como su nombre lo indica es un difícil desafío para saber cuánto conoces sobre tipografías.

Cómo jugar: en la pantalla verás el mismo caracter pero con dos tipografías distintas. Debajo está indicada cuál es la tipografía que debes reconocer. A medida que aciertes irás sumando puntos. De lo contrario, perderemos una de las 3 vidas que tenemos. Pruébalo a continuación »

Muchas veces sucede que necesitamos –o deseamos– saber de qué tipografía se trata… Pero hasta hace poco era imposible saber qué fuente era la de aquel logo web, la del anuncio de dulces o hasta la del frasco de shampoo… Bueno, ahora desde tu iPhone todo es posible.

El equipo de MyFonts ha desarrollado WhatTheFont. Es una aplicación gratuita de reconocimiento de fuentes, que funciona tanto para el iPhone como para el iPod touch. Lo único que debes hacer es capturar la imagen y WhatTheFont se encargará del resto… Seguir leyendo