He decidido comprobar manualmente cómo renderizan las fuentes los navegadores en los distintos sistemas operativos:

• Windows: Firefox, IE 6, IE 7.
• Mac: Firefox, Safari.
• Linux (Ubuntu): Firefox.

Las fuentes testeadas son las las típicas browser-safe fonts: times/”Times New Roman”, arial/helvetica, verdana , “Trebuchet MS”, courier/”Courier New”; y las genéricas: serif, sans-serif, monospaced.

Resultados

• Todos los sistemas operativos renderizan lo mismo en los distintos navegadores.
• Todos los sistemas operativos usan como fuente por defecto serif.
• Todas las llamadas browser-safe fonts no son reconocidas en Ubuntu y renderizan serif.
• Ubuntu para las fuentes genéricas tiene una fuente con ese mismo nombre: por ejemplo la fuente para serif se llama serif.
• times es lo mismo que “Times New Roman”
• arial y helvetica renderizan lo mismo en Windows, pero en Mac/Firefox la posición varía un poco y en Mac/Safari el borde es ligeramente distinto (parece más suave el de helvetica).
• serif es times en Windows and Mac.
• sans-serif es arial=helvetica en Windows y helvetica en Mac.
• monospace es “Courier New” en Windows y courier en Mac, pero a un 85% en tamaño comparado con poner directamente courier.

---

Mac default/serif/times:

---

Windows default/serif/times:

---

Ubuntu default/serif

---

Mac helvetica/sans-serif:

---

Mac arial:

---

Windows helvetica/arial/sans-serif:

---

Mac verdana:

---

Windows verdana:

---

Mac “Trebuchet MS”:

---

Windows “Trebuchet MS”:

---

Mac courier/monospace:

---

Mac “Courier New”:

---

Windows “Courier New”/monospace:

---

Windows courier:

---

Conclusiones

• Las llamadas “browser-safe fonts” no son tal, por lo que debemos poner siempre el genérico de nuestra fuente al final de la declaración para que al menos tengamos el tipo de fuente correcto.
• Siguiendo esta regla hay otras fuentes que renderizan en Mac y Windows (no Linux), pero la verdad es que se ven tan feas en Windows que merece la pena quedarse sólo con las sencillas.

Teniendo esto en cuenta mi lista de opciones se queda en:

• times, serif
• helvetica, sans-serif
• verdana, sans-serif
• “Trebuchet MS”, sans-serif
• “Courier New”, monospace

Hace un tiempo me habían encantado las animaciones 3D de Animusic. Pues ahora resulta que Absolut ha creado un concepto parecido pero en el mundo real. Se trata de una maquina llamada Absolute Quartet, expuesta en un museo, con la que puedes interactuar y crear una nueva composición en tiempo real. Esta es la mía, quieres crear la tuya?

En las últimas semanas he ocupado algo de mi tiempo libre en desarrollar mi primer plugin para Rails. Teniendo en cuenta que no soy ningún experto en metaprogramming, en general estoy bastante contento con el resultado: el plugin hace exactamente lo que quería y yo he aprendido cosas. Básicamente lo que hace es crear URL amigables para acceder a nuestros registros de la base de datos. Entrar en su página para obtener más información (en inglés). Lo he publicado en algunos sitios.