La tipografía en 3D suele ser un reclamo muy llamativo en diseño de logotipos, cartelería y, también, en diseño web. En todos los casos se debe ser muy cuidados a la hora elegirla, así como en cuanto a la selección del contexto donde se utilice.
Para ayudar a buscar la inspiración incluimos 45 diseño de fuentes tipográficas en 3D. Si andáis buscado fuentes gratuitas en 3D podéis encontrarlas en el post “Colección de fuentes gratis con efectos 3D”
Tag Archives | Fuentes
Ejemplos de tipografías 3D creativas para inspiración
7 libros gratuitos sobre tipografía
Algunos libros gratis sobre fuentes y tipografía. Algunos podéis descargarlos en PDF, otro podéis verlos on-line. En ellos encontraréis aspectos básicos sobre tipografía, comparativas entre familias de fuentes, glosarios de términos tipográficos, información sobre como aplicar la tipografía en diseño web y diseño gráfico.
Fuentes embebidas
En este post trataremos sobre las posibilidades que tenemos para utilizar fuentes en páginas web que no suelen estar incluidas en el sistema del usuario que las visita.
En la actualidad existen multitud forma de incluir fuentes que nos son habituales en páginas web, como P+C DTR, FLIR, PHP+CSS DTR, CSS Image Replacement [static], etc. Sin este tipo de soluciones, cuando pretendemos incluir una tipografía que “se sale de lo normal”, por ejemplo, para su uso en títulos, tenemos que recurrir a incluir imágenes aumentando el peso de nuestras páginas.
En este artículo comentaremos los recursos que, desde nuestro punto de vista, son los más completos para embeber fuentes tipográficas en páginas web. En concreto introduciremos sIFR, Cufon, @Font-face y Typekit.
Fuentes gratis para logos y diseños web
Incluimos las referencias a 48 fuentes tipográficas muy adecuadas para diseño de logos o para su uso en diseños web. Los estilos son de lo más variado: moderno, minimalista, retro, vintage, tradicionales, etc.
La recopilación la ha reunido Roy Sneh para littleboxofideas.com.
Continuar leyendo →
Ejemplos del uso de fuentes en páginas web
En este post incluimos algunos ejemplos de cómo diseñadores web contrastados utilizan los recursos tipográficos, dando, a este recurso, una importancia relevante en sus creaciones.
En ninguna de las referencia encontrareis efectos extremadamente llamativos, sino un uso inteligente de fuentes tipográficas muy utilizadas y conocidas. La combinación de tipos de letra como Verdana, Georgia, junto con la aplicación de hojas de estilo y variaciones en los tamaños, pueden permitirnos para crear buenos y atractivos diseños web, sin tener que recurrir a otras familias de fuentes inusuales.
Herramientas de Google para fuentes
En este post introducimos brevemente las herramientas y utilidades que nos ofrece Google para el uso y configuración de distintos elementos tipográficos en nuestras páginas web.
En concreto, abordamos:
- WordPress: Plantillas para portfolios 6 mayo 2012
- 50 plantillas wordpress para fotógrafos 5 marzo 2012
- 4 Editores WYSIWYG para incluir en CodeIgniter [tutoriales] 3 marzo 2012
- markItUp! Universal Markup jQuery Editor 3 marzo 2012
- Liberada la nueva versión de WordPress 3.3 – Sonny 13 diciembre 2011
- Problemas con WordPress Stats 17 marzo 2011
- Contenidos Flash vs Posicionamiento en buscadores 26 junio 2009
- Colección de 24 libros gratuitos sobre Blogs y redes sociales 11 octubre 2009
- Estudio acerca de la seguridad en la autenticación de clientes Twitter 5 enero 2010
- jQuery: 35 tutoriales 18 mayo 2010
Categorías
- accesibilidad (24)
- analítica web (2)
- buscadores (31)
- cms (21)
- Comercio Electrónico (7)
- diseño web (226)
- CSS (18)
- diseño web minimalista (6)
- esquemas de color (3)
- Flash (5)
- fondos y texturas (6)
- framework (4)
- Fuentes (19)
- HTML (24)
- HTML5 (22)
- iconos (14)
- javascript (39)
- jQuery (29)
- mockup (3)
- wireframing (3)
- Drupal (1)
- Estándares (11)
- Flash (7)
- free web templates (4)
- General (20)
- gestores de contenidos (15)
- Google (4)
- guias de referencia (2)
- herramientas (71)
- imagenes (5)
- inspiración (60)
- intros flash (2)
- iPad (5)
- minimalista (12)
- navegadores (17)
- optimizacion (74)
- rendimiento (5)
- Optimización sitios web (71)
- Otros post de AWS (2)
- paletas de color (5)
- patrones de diseño (13)
- Plantillas (5)
- plantillas CMS (18)
- plantillas flash (5)
- plantillas gratis (14)
- Plantillas para documentos (6)
- Plantillas para sitios web (19)
- Plantillas Powerpoint (1)
- posicionamiento (34)
- programación (16)
- redes sociales (31)
- seguridad (8)
- seo (45)
- sitios en Flash (2)
- subvenciones (1)
- tutoriales (22)
- tweets (1)
- twitter (9)
- usabilidad (16)
- videos (5)
- WCAG (4)
- Web 2.0 (28)
- web templates (4)
- Web2.0 (28)
- word (1)
- Wordpress (46)
