¿Qué son fuentes seguras para la web? Eche un vistazo a cualquier sitio web, independientemente de la industria, el tamaño de la empresa u otros factores de diferenciación y una cosa que está seguro de ver que tienen en común es el contenido de texto. La forma en que se muestra el texto es la práctica del diseño tipográfico y es uno de los aspectos más importantes de la apariencia de un sitio, así como de su éxito.

Durante muchos años, los diseñadores web se vieron limitados en el número de fuentes que podían utilizar si querían que estas fuentes aparecieran de forma fiable en los sitios web que estaban creando. Estas fuentes que se encontraban en la mayoría de los ordenadores se conocían como «fuentes seguras para la web». Usted puede haber escuchado este término en el pasado de un diseñador web, ya que trató de explicarle por qué una determinada elección de fuente no puede ser utilizada en el diseño de su sitio.

La tipografía web ha avanzado mucho en los últimos años, y los diseñadores y desarrolladores web ya no se limitan a utilizar sólo un puñado de fuentes seguras para la web. El aumento de las fuentes web y la posibilidad de vincular directamente a los archivos de fuentes ha abierto un nuevo mundo de posibilidades para el uso de fuentes en el sitio web. Por muy útil que sea tener acceso a tantas nuevas opciones de fuentes, esas fuentes probadas y seguras para la web siguen ocupando un lugar importante en el diseño web moderno.

Enlace a fuentes web

En el uso de fuentes en su sitio que pueden no estar en la computadora de alguien, usted necesita vincularse a un archivo de fuentes web e instruir a su sitio web para que use ese archivo de fuentes en lugar de mirar en la computadora de los visitantes. Los enlaces a estas fuentes externas, que se incluyen junto con el resto de los activos de su sitio o que se pueden vincular al uso de un servicio de fuentes de terceros, le ofrecen opciones de fuentes casi ilimitadas, pero ese beneficio tiene un precio. Las fuentes externas necesitan cargarse en un sitio, lo que tendrá un impacto en el rendimiento del tiempo de carga de una página web. Aquí es donde las fuentes seguras para la web todavía pueden ser un beneficio! Dado que estos archivos de fuentes se cargan directamente desde el ordenador del visitante, no se obtiene ningún resultado cuando se carga el sitio web. Esta es la razón por la que muchos diseñadores web ahora utilizan una mezcla de fuentes web que necesitan ser descargadas junto con esas fuentes seguras para la web. Esto puede ser lo mejor de ambos mundos, ya que usted obtiene acceso a algunas fuentes nuevas y exóticas, al mismo tiempo que puede administrar el rendimiento del sitio y el impacto general de las descargas.

Fuentes Sans Serif Web Safe

Esta familia de fuentes es una de sus mejores apuestas para fuentes seguras para la web. Si los incluye en sus pilas de fuentes, casi todas las personas verán la página correctamente. Algunas de las fuentes sans-serif más comunes son las fuentes web seguras:

• Arial
• Arial Negro
• Tahoma
• Catapulta MS
• Verdana

Algunas otras opciones sans-serif que le darán una buena cobertura general, pero que podrían faltar en algunas computadoras. Sólo recuerda que si usas estos, también tienes que incluir uno más común como copia de seguridad de la lista anterior en tu pila de fuentes.

• Siglo Gótico
• Ginebra
• Lucida
• Lucida Sans
• Lucida Grande

Fuentes Serif Web Safe

Además de las fuentes sans-serif, la familia de fuentes serif es otra opción popular para los sitios web. He aquí algunas de sus apuestas más seguras para que las utilice si desea una fuente con gracias:

• Correo
• Courier Nuevo
• Georgia
• Tiempos
• Times New Roman

Una vez más, la lista de abajo son fuentes que estarán en muchas computadoras, pero que tienen menos cobertura general que la lista de arriba. Puede utilizar estas fuentes de forma bastante fiable, pero también debería incluir una fuente con gracias más común (de la lista anterior) en su pila de fuentes.

• MS Serif
• Nueva York
• Palatino
• Palatino Linotype

Fuentes Monoespacio

Aunque no se utilizan tanto como las fuentes serif y sans-serif, las fuentes monoespaciadas también son una opción. Estas fuentes son las que presentan letras que están igualmente espaciadas entre sí. No tienen una aceptación tan amplia en todas las plataformas, pero si quieres usar una fuente monospacio, estas son tus mejores apuestas:

• Correo
• Courier Nuevo

Estas fuentes también tienen cierta cobertura.

• Lucida Console
• Mónaco

Fuentes cursivas y fantasía

Las fuentes cursivas y de fantasía no son populares como serifas o sans-serif, y la naturaleza ornamental de estas fuentes las hace inapropiadas para su uso como body copy. Estas fuentes se utilizan más a menudo como titulares y títulos, donde se establecen en tamaños de fuente más grandes y sólo para ráfagas cortas de texto. Desde el punto de vista estilístico, estas fuentes pueden parecer realmente fantásticas, pero es necesario sopesar el aspecto de la fuente con la legibilidad de cualquier texto que se establezca con ellas.

Sólo hay una fuente cursiva disponible en Windows y Macintosh, pero no en Linux. Es Comic Sans MS. No hay fuentes de fantasía que tengan buena cobertura en todos los navegadores y sistemas operativos. Esto significa que si está usando cursiva de fuentes de fantasía en su sitio web, probablemente las esté usando como fuentes web y enlazando al archivo de fuentes apropiado.

Teléfonos inteligentes y dispositivos móviles

Si está diseñando páginas para dispositivos móviles, las opciones de fuentes seguras para la Web son variables. Para los dispositivos iPhone, iPod y iPad, las fuentes comunes incluyen:

• Arial
• Correo
• Courier Nuevo
• Georgia
• Helvética
• Palatino
• Times New Roman
• Catapulta MS
• Verdana

Las fuentes Web son una excelente opción cuando se considera el diseño de múltiples dispositivos, ya que la posibilidad de cargar fuentes externas le dará una apariencia mucho más consistente de un dispositivo a otro. A continuación, puede templar las fuentes descargadas con una o dos opciones de seguridad web para obtener el aspecto y el rendimiento que su sitio necesita para tener éxito.