fuentes
Bookmarklets para trabajar la tipografía de una web
Ayer vimos una utilidad, un plugin, para decidir la familia tipográfica de una web a priori, desde la creación de un boceto en Photoshop: Añade Google Web Fonts a Photoshop Hoy vamos a ver cómo trabajar sobre la tipografía on the fly, trabajar con la tipografía de una web desde el navegador gracias a estos [...]
Añade Google Web Fonts a Photoshop
Una utilidad, un plugin tipográfico para a crear un boceto web, un mockup con Photoshop. En la maquetación web es importante definir la tipografía que vamos a utilizar y con la llegada de HTML5 y CSS3 el número de posibilidades se amplía. No todos utilizamos Photoshop, hay otras opciones como Fireworks. Aquí planteamos el debate: [...]
Tipografías para disléxicos (Dyslexie y Sarakanda)
Dos tipografías que pueden ayudar a las personas afectadas de dislexia Dyslexie Christian Boer, es el creador de la tipografía Dyslexie, especialmente pensada para disléxicos. Un estudio independiente de la Universidad de Twente demostró que efectivamente las personas disléxicas cometían menos errores al leer textos con esta tipo. Sarakanda A principios de 2009 hablamos de [...]
Tipografía web “real” con Bookmarklet
Para saber el tipo que está utilizando una página web puedes acudir: directamente a su código CSS, o mediante la ayuda de extensiones como la imprescindible Firebug. Sabrás el código CSS pero no necesariamente el tipo que estás viendo en tu navegador, el que se ha renderizado. En CSS se listan varias tipografías mediante los [...]
Los 100 mejores tipos (fuentes)*
Listados y rankings tipográficos hay muchos, el más conocido, el de los 100 mejores tipos de todos los tiempos ha tenido versiones hasta en forma de tabla periódica. Pero esta vez la versión de lista de los 100 mejores tipos es interactiva y podemos ordenarla por ranking, orden alfabético, fecha, categoría, clasificación o fundición. Un [...]
Tipografía web: Ems vs. píxeles
En diseño web asignamos el tamaño de un tipo con CSS. Podemos utilizar % o puntos pero las más comunes son estas dos unidades tipográficas: em o px.
font-size: xxxx (em vs. px)
¿Cuál es mejor? ¿Por qué?
wordmark: Visualiza tus fuentes locales
wordmark.it es una aplicación web que carga los tipos que tengas instalados en tu equipo para poder visualizar la palabra que elijas. Tiene opción de negativo/positivo y de filtrar los resultados seleccionando sólo aquellos tipos que queramos. Vía Punto Geek
Hotlinking a las fuentes de Google y su TV
En 2 días Google revoluciona la web, dos nuevos servicios, uno tipográfico y otro de televisión”¦ sigan leyendo. Google Font API y Google Font Directory Un nuevo servicio de Google que seguramente revolucione el diseño web: Google Font API. Con él podremos utilizar cualquiera de las tipografías web de código abierto del Google Font Directory [...]
Tipografía por la cara: Typeface | Tipografía dinámica
14 proyectos relacionados con la tipografía, la tecnología y el arte digital. Aplicaciones que generan dinámicamente tipografía. Conceptos y proyectos inspiradores. Typeface | Generación de tipos mediante reconocimiento facial. LAIKA | Generación dinámica de tipos asociable a estímulos externos. Fontplore | Mesa interactiva de búsqueda de tipos. genoTyp | Genética y tipografía Entropia | Tipos [...]
¿Qué fuente utilizar? [Infografía]
So You Need a Typeface es un diagrama de flujo, una infografía, donde el diseñador Julian Hansen nos muestra el camino para elegir el mejor tipo para según qué proyecto. Visto en Lifehacker Relacionados ¿Qué fuente es mejor usar en web? El mejor y el peor tipo de letra para web Logo-Tipos (adivina un logo [...]
