You are currently browsing the vloox posts tagged: fuentes


Identificar una fuente tipográfica

Identifont nos permite saber el nombre de una tipografía mediante una serie de preguntas que nos va haciendo (sería el Akinator de las fuentes). Es muy útil cuando queremos averiguar la tipografía de un logo por ejemplo.

Me sorprendió que me adivinó la tipografía que quería averiguar al primer intento, luego de responder not sure en varias preguntas. También intente identificar la fuente con otras herramientas que no permiten subier una imagen y supuestamente reconocen la tipografía, pero no tuve éxito. Espero que les sirva.

Fuentes web seguras

Al momento de diseñar una página web es importante elegir fuentes que estén instaladas en todos los sistemas operativos, ya que si no están disponibles el navegador mostrará la fuente por defecto.

La siguiente tabla muestra las fuentes más comunes y con que sistemas operativos vienen. Son consideradas fuentes web seguras:

Genérica Fuente Windows
9x/2K/XP
Windows
Vista
Mac
Classic
Mac
OS X
Linux
Unix
serif Cambria Common Web Safe Font
Constantia Common Web Safe Font
Times New Roman Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Times Common Web Safe Font Common Web Safe Font Common Web Safe Font
Georgia Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
sans-serif Andale Mono Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Arial Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Arial Black Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Calibri Common Web Safe Font
Candara Common Web Safe Font
Century Gothic Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Corbel Common Web Safe Font
Helvetica Common Web Safe Font Common Web Safe Font Common Web Safe Font
Impact Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Trebuchet MS Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Verdana Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
cursive Comic Sans MS Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
monospace Consolas Common Web Safe Font
Courier New Common Web Safe Font Common Web Safe Font Less Common Web Safe Font Common Web Safe Font Less Common Web Safe Font
Courier Common Web Safe Font Common Web Safe Font Common Web Safe Font

La marca verde indica fuentes muy comunes, la amarilla indica fuentes no tan comunes pero generalmente aceptadas como fuentes web seguras.

Para mayor compatibilidad es conveniente indicar fuentes alternativas. Por ejemplo:

#fuente {
font-family: Trebuchet, Verdana, Helvetica, sans-serif;
}

Si la fuente primaria (Trebuchet) no está instalada el navegador usará la siguiente (Verdana), y así sucesivamente. Se indica la fuente genérica al final por si ninguna de las anteriores está instalada (en el ejemplo se mostrará la fuente sans-serif genérica).

Fuente: Dustin Brewer