CSS
CSS, Diseño Web, Tipografía, web - Jueves, Noviembre 19, 2009 11:56 - Etiquetas: CSS, estilos tipográficos, test tipográfico, tim brown, tipos web
¿Problemas con los tipos Web? Test tipográfico.
Real Web type in real Web context.
Cualquier diseñador se puede encontrar con problemas a la hora de elegir la tipografía adecuada para su proyecto Web, incluso diseñadores experimentados se sienten un tanto perdidos ante como responderá un determinado tipo en diferentes aplicaciones Web y con diferentes estilos Web.
Tim Brown ha realizado u magnífico trabajo que facilita gratuitamente a todos los diseñadores que quieran ver de forma rápida como puede funcionar una tipografía en una página Web.
Para ello sólo hay que seguir unos sencillos pasos perfectamente explicados en Web Font Specimen, en donde puedes acceder al archivo comprimido y bajártelo. En la carpeta encuentras tanto las instrucciones de uso –README-, como el documento HTML y los CSS con los diferentes estilos creados.
Es tan sencillo como cambiar la tipografía predeterminada en las propiedades del documento, sustituirla por la que quieras comprobar y se aplicará en todos los estilos CSS creados, por lo que fácilmente podrás comprobar si la tipografía que has elegido es adecuada o no para la Web y dependiendo de que estilos.
El ejemplo está creado con la tipografía Georgia y muestra diferentes tipos de listas y distintos tamaños. Comparaciones de tamaños y cuerpos, tamaños CSS y altura de línea, muestra de glifos, diferentes tamaños con mayúsculas, el texto en escala de grises, de luz sobre el texto oscuro y variedad de combinaciones de colores.
La verdad es que me parece un trabajo exhaustivo y bastante completo que nos facilita mucho a la hora de examinar la utilización de cualquier tipografía.
Como dice Tim “Todo lo que queda por hacer es probar el resultado y decidir por ti mismo si el tipo es aceptable en sistemas operativos y navegadores”.
También recomiendo la lectura del artículo Real Web Type in Real Web Context, del mismo autor.
Tim Brown trabaja en el Vassar College y escribe en Nice Web Type.
Enhorabuena Tim y gracias!!!!
- Adobe Group, artesvisuales.com. Seminario WordPress.
- CSS dos columnas fijas a la izquierda
- Clases en CSS
- CSS en cascada
- Plantilla CSS
Contenidos populares
- Designer by Pablo Panes
- Premios Nacionales de Diseño
- eSeminars de Jorge Mochón
- Pesi por el ahorro. Evolución de marca.
- Algo más que un tipo, identidad vascográfica.
- Salsa
- Premios Nacionales de Diseño
- Salsa
- Algo más que un tipo, identidad vascográfica.
- Creativos en Flickr: “Titanic imax”
- Raúl Gómez en Annecy. Biennale du Cinema Espagnol.
- Una historia que manda huevos
- Video e interactividad en publicidad impresa “bienvenidos al cambio”
- Onceava Bienal Internacional del Cartel en México
- Creativos en Flickr: Alejandro Ferrer
- Creativos en Flickr – ikoronas
- Videoclip: Fuera de Juego
- Gracias HP Creativa, lo visitaremos ;-)...
- wolaaaaaaaaaaaaaaa
jeje
nops wao oigan no ps wao dijo el perro jejejje
diskul...
- Los invitamos a visitar el blog de diseño y arquitectura http://hpcreatividad.n...
- Buen trabajo querida Elena, para darle nombre yo intentaría combinar las 7 inic...
- esta informacion es de mucha importancia pero si se pudiera poner mas...
- Gracias Carlos por la suerencia. Lo conocemos de otras ediciones....
- Ahí va otro festival para jóvenes creativos por si os interesa:
Zinkproject, ...
- Si tomamos como paradigmas de la web 2.0 web como facebook, twitter, flickr o yo...
