elWebmaster.com

recursos | fuentes | tipografía

Font Dragr: previsualiza fuentes tipogr√°ficas desde tu navegador

fontdragrJunto 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

18/feb/10, 08.00 Micaela Comentar

Dise√Īo | descarga | gratis

Fuentes Light: Aprende a usarlas y descarga las mejores en forma gratuita

fuenteslight2Las 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

06/ene/10, 09.05 Micaela 3 comentarios

Dise√Īo | recursos | tipograf√≠a

FontCapture: Crea una fuente basada en tu escritura a mano alzada

fontcaptureEn 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

22/dic/09, 17.50 Micaela 4 comentarios

Dise√Īo | blog | tipograf√≠a

Consejos del uso de fuentes para que los textos en tu web sean más leídos

fuente¬Ņ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

14/nov/09, 09.02 Micaela 3 comentarios

Internet | fuentes | tipografía

Embeber fuentes en tu sitio web: la guía definitiva

fuenteEl 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

22/oct/09, 11.30 Micaela 12 comentarios

CSS | tipografía | font

CSS 3: Trabajar con font-weight y otras opciones tipogr√°ficas

css3En 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

11/ago/09, 09.04 Micaela 2 comentarios

Fotografía digital | Eventos | publicidad

El Gallinero, dise√Īo y publicidad en M√©xico

gallineroDesde 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

30/abr/09, 09.02 Micaela Comentar

CSS | tipograf√≠a | Dise√Īo Gr√°fico

C√≥mo determinar el tama√Īo de fuente con CSS (¬Ņpx, em, %, pt o keyword?)

tipografia2Cuando 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

23/abr/09, 13.08 Micaela 13 comentarios

Dise√Īo | juego | ocio

Deep Font Challenge: Juego tipogr√°fico para dise√Īadores

deep_font_challenge1Dedicado 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 ¬Ľ

30/mar/09, 09.11 Micaela Comentar

Dise√Īo | iPhone | recursos

WhatTheFont: Reconoce fuentes impresas y web (iPhone y PC)

whatthefontMuchas 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

27/feb/09, 10.10 Micaela Comentar

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder