Rendezvous

Archive for Fuentes

Soopafresh Font | fuentes gratis

in Fuentes      tags:

Siguiendo un tweet de BaseKitLatino doy con el sitio Web de Creative Nerds donde publican como recurso una interesante entrada que resume +40 fuentes para crear atractivos encabezados.

Rescato—a mi gusto, por lo original—a Soopafresh. Una fuente curiosa y divertida que soporta caracteres extendidos, No sólo vocales con acentos, sino también la letra Ñ.

Soopa Fresh | fuentes gratis

Soopa Fresh | fuentes gratis

Sitio Web > Soopafresh Font

Vía 40 Beautiful Free Fonts For Creating Attractive Typography Headlines > Vía BaseKitLatino

+25659 fuentes gratis | Fonts2u

in Fuentes      tags: ,

Font2u

Verdaderamente, el título es ostentoso. Y, en forma sincera, el número es menor. Ya que hay descontar, a la fecha, algunas fuentes en Fonts2u que posiblemente no tengamos planeado utilizar. Y son las que corresponden a los siguientes idiomas:

  • Ruso: 1651
  • Griego: 5562
  • Hebreo: 60
  • Árabe: 259
  • Chino: 56
  • Japonés: 127
  • Coreano: 45

Independientemente de la búsqueda por consultas, las fuentes en Fonts2u están agrupadas por categorías; lo cual hace más sencillo ubicar la fuente que deseamos descargar.

Como comentario adicional, el sitio Web cuenta con un convertidor de fuentes; el cual permite intercambios entre los siguientes formatos:

  • TrueType (.ttf)
  • OpenType (.otf)
  • PostScript Tipo 1 (.pfb)
  • Macintosh OS X Data Fork (.dfont)

Sitio Web | Fonts2u

Licencia | GNU/GPL, Freeware, gratis para su uso personal.

Web Font Specimen

in CSS, Fuentes      tags: ,

Web Font Specimen

Como comparar 2 fuentes en pantalla

Tim Brown es el responsable de Web Font Specimen. Un sitio Web inspirado en la idea de Jason Santa Maria y donde el uso de la adecuada tipografía en el diseño Web es la meta a satisfacer.

Para tal efecto, Tim Brown nos permite bajar un ZIP que contiene:

  • 1 archivo HTML
  • 3 archivos CSS—uno de ellos es el reset de Eric Meyer—
  • 1 archivo para manejar la presentación—960.gs de Nathan Smith—

Web Font Specimen

Luego de descomprimir el archivo, tenemos disponible la carpeta /css/type donde podemos copiar la fuente a comprobar.

Mediante la declaración @font-face—que debemos sobreescribir en el archivo wfs.css—podemos en forma inmediata y local comprobar el comportamiento de la fuente para diversos marcados estructurales.

Por ejemplo:

  • Línea 6, ajustamos el TITLE de la página
  • Línea 40, el encabezado de primer nivel h1
  • En línea con esto, con el resto del CSS podemos comparar alto de fuente, color de la misma, interlineado, etc.

Como comparar fuentes en pantalla

Sitio Web | Web Font Specimen