Ir directamente al contenido de esta página

Web fonts listas para vincular… y con las que se puede escribir en español

Un comentario a la entrada sobre Typekit indicaba que existen fuentes gratuitas que se pueden vincular con @font-face, y parecía implicar que gracias a ellas podríamos prescindir de servicios como el que comentábamos. No obstante, cuando hemos probado con fuentes gratuitas como las que se pueden encontrar en Font Squirrel o The League of Movable Type, nos hemos encontrado con algunas limitaciones:

Aun así, ofrecemos a continuación una lista de fuentes cuyos autores permiten su distribución, y con las que se puede escribir en español.

Fuentes gratuitas de libre distribución
Fuente Autor Formato Licencia Notas
  1. Por su peso —más de 150Kb—, no parece apropiada para vincularla por medio de @font-face. No obstante, para algunos casos se podría paliar bastante con gzip, tal y como explica Stoyan Stefanov.
  2. Hay que adquirirla en MyFonts.com por 0 dólares.
  3. Incluye dos variantes: Regular y Bold.
  4. Incluye dos variantes: Regular e Italic.
  5. Incluye tres variantes: Regular, Italic y Bold.
  6. Incluye tres variantes: Didot, Modern y Old Style.
  7. Incluye cuatro variantes: Regular, Italic, Bold y Bold Italic.
  8. Incluye cuatro variantes: Regular, Italic, Bold y Small Caps.
  9. Incluye cuatro variantes: Regular, Light y Bold.
  10. Incluye cuatro variantes: Regular, Thin, Light y Bold.
  11. Incluye cinco variantes: Regular, Italic, Bold, Bold Italic y Small Caps.
  12. Incluye cinco variantes: Light, Medium, Bold, Black y Book.
  13. Incluye cinco variantes: Regular, Italic, Bold, Bold Italic y Capital.
  14. Incluye seis variantes: Regular, Italic, Bold, Bold Italic, Heavy y Small Caps.
  15. Incluye tres pesos: 300, 500 y 700.
  16. Incluye cuatro pesos: 1, 400, 800 y 999.
Alexandria FLF Richard A. Ware TTF SPE 7
Andika Basic Regular Annie Olsen OTF OFL 1
Anivers Regular Jos Buivenga OTF PEA 2
Bedini MGI Software TTF PEA —
Biolinum Philipp H. Poll OTF y TTF OFL 1, 3
Bodoni FLF Richard A. Ware TTF SPE 7
Bodoni Ultra FLF Richard A. Ware TTF SPE 4
Bodoni Ultra Condensed FLF Richard A. Ware TTF SPE 4
CA BND Bold Web Thomas Schostok OTF PEA —
Calluna Regular Jos Buivenga OTF PEA 2
Charis SIL SIL International TTF OFL 1, 7
Contra Fredrick Nader TTF PEA 4
Delicious Jos Buivenga OTF PEA 14
Diavlo Jos Buivenga OTF PEA 12
Doulos SIL Regular SIL International TTF OFL 1
Fertigo Pro Regular Jos Buivenga OTF PEA 2
Fontin Jos Buivenga TTF PEA 8
Fontin Sans Jos Buivenga TTF PEA 11
Galatia SIL SIL International TTF OFL 3
Gentium Basic Victor Gaultney TTF OFL 1, 7
Gentium Book Basic Victor Gaultney TTF OFL 1, 7
Goudy Bookletter 1911 Barry Schwartz OTF GNU GPL —
Heuristica Andrey V. Panov OTF y TTF OFL 1, 7
Inconsolata Raph Levien OTF OFL —
Kaffeesatz Yanone OTF CC 2.0 9
Lido STF Frantisek Storm TTF PEA 2, 7
Linux Libertine Philipp H. Poll OTF y TTF OFL 1, 13
Museo Regular Jos Buivenga OTF PEA 2, 15
Museo Sans 500 Jos Buivenga OTF PEA 2, 4
Negotiate Ray Larabie TTF PEA 2
Old Standard Alexej Kryukov TTF OFL 1, 5
Perspective Sans Daniel Midgley TTF SPE 5
Perspective Sans Black Daniel Midgley TTF SPE 5
Prociono Barry Schwartz OTF GNU GPL —
Puritan 2.0 Ben Weiner OTF OFL 7
Salernomi J Julius B. Thyssen TTF PEA —
Sansation Bernd Montag TTF PEA 9
Steinem Apostrophic Labs TTF PEA 7
Tagesschrift Yanone TTF CC 2.0 —
Tallys Jos Buivenga OTF PEA —
Tempora Alexej Kryukov TTF GNU GPL 1, 7
TeXGyreSchola VV.AA. OTF PEA 1, 7
Theano Regular Alexej Kryukov TTF OFL 1, 6
Titillium Text15L FontLab Studio OTF OFL 16
Tuffy Tatcher Ulrich TTF PEA 7
Vollkorn Friedrich Althausen OTF CC 2.0 —

Extra: Lograr el mismo resultado en Internet Explorer

Las fuentes que he listado arriba se pueden vincular por medio de @font-face tal y como se descargan. Sin embargo, para lograr el mismo resultado en Internet Explorer, hay que convertirlas a EOT. Voy a explicar como hacerlo.

Para este ejemplo he empleado Fontin. Una vez descargadas las fuentes —en formato OTF—, necesito una copia de las mismas en EOT.

Podría haber empleado WETF, la herramienta de Microsoft que permite crear las versiones que necesito. Pero la única ventaja que podría ofrecer esta herramienta sobre los conversores online es la inclusión en el EOT del dominio al que quiero restringirlas —en este caso sería www.digitalicon.es—, algo no sólo absurdo tratándose de fuentes de libre distribución, sino que en algunos casos vulneraría las licencias bajo las que puedo emplearlas.

Así, mejor he empleado este conversor para convertir el archivo OTF en TTF, y después este otro para reconvertir el TTF en EOT. Sí, no he logrado encontrar un conversor directo…

Finalmente, sólo me queda vincular las fuentes en el estilo de la página:


@font-face{
  font-family:Fontin;
  src:url("Fontin-Regular.eot");
}

@font-face{
  font-family:Fontin;
  src:url("Fontin-Regular.otf");
}

Nota: He repetido las líneas para las versiones itálica y negrita de la fuente. Y el resultado es éste:

Fontin en el documento [Internet Explorer 6]

Aun así, hay que tener en cuenta que no hay mucho que hacer para Firefox 2 y 3.0, así como para las versiones de Opera anteriores a la 10 y a Chrome. Pero si alguien necesita obtener los mismos resultados para los últimos dos casos, le recomiendo la lectura de Becoming a Font Embedding Master de Jonathan Snook.

Esta entrada se publicó el 29 de noviembre de 2009, se archivó en Diseño, y fue etiquetada como , . Autor: Saúl González Fernández. Aún no hay comentarios ›.

Comentarios

Aún no hay comentarios

¿Algún comentario?

* Los campos con un asterisco son necesarios

Últimos proyectos

© Digital Icon, S.L., 2007 – 2012