Eche un vistazo a cualquier sitio web, independientemente de la industria, el tamaño de la empresa u otros factores diferenciadores, y una cosa que está seguro de ver es que tienen en común 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 su éxito.
Durante muchos años, los diseñadores web tuvieron restricciones en el número de fuentes que podrían usar si quisieran que esas fuentes aparecieran de manera confiable en los sitios web que estaban creando. Estas fuentes que se encontraron en la mayoría de las computadoras se conocían como "fuentes seguras para la web". Es posible que haya escuchado este término en el pasado por parte de un diseñador web, ya que intentaron explicarle por qué no se pudo usar una determinada fuente en el diseño de su sitio.
La tipografía web ha recorrido un largo camino en los últimos años, y los diseñadores y desarrolladores web ya no están limitados a usar solo un puñado de fuentes seguras para la web. El auge de las fuentes web y la capacidad de vincularse directamente a los archivos de fuentes ha abierto todo un nuevo mundo de posibilidades para el uso de fuentes de sitios web. Tan útil como es ahora tener acceso a tantas nuevas opciones de fuentes, esas fuentes probadas y seguras para la web aún tienen un lugar importante en el diseño web moderno.
Enlace a fuentes web
Al usar fuentes en su sitio que pueden no estar en la computadora de otra persona, debe vincularlo a un archivo de fuentes web e instruir a su sitio web para que use ese archivo de fuentes en lugar de buscar en la computadora de los visitantes. La vinculación a estas fuentes externas, que se incluyen junto con el resto de los activos de su sitio o que se puede vincular al uso de un servicio de fuentes de terceros, le ofrece opciones de fuentes casi ilimitadas, pero ese beneficio tiene un precio. Las fuentes externas deben 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 web seguras pueden ser un beneficio! Dado que esos archivos de fuentes se cargan directamente desde la computadora del visitante, no hay un impacto de rendimiento cuando se carga el sitio web. Esta es la razón por la que muchos diseñadores web ahora usan una combinación de fuentes web que deben descargarse junto con esas fuentes confiables de seguridad web. Esto puede ser lo mejor de ambos mundos a medida que obtiene acceso a algunas fuentes nuevas y exóticas, a la vez que puede administrar el rendimiento del sitio y el impacto general de la descarga.
Fuentes Sans Serif Web Safe
Esta familia de fuentes es una de sus mejores apuestas para las fuentes seguras para la Web. Si los incluye en sus pilas de fuentes, casi todas las personas verán la página correctamente. Algunas fuentes comunes seguras para la web sans-serif son:
- Arial
- Arial Negro
- Tahoma
- Trebuchet MS
- Verdana
Algunas otras opciones de sans-serif que le darán una buena cobertura general, pero que pueden faltar en algunas computadoras, se enumeran a continuación. Solo recuerde que si usa estos, también debe incluir uno más común como respaldo de la lista anterior en su 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. Estas son algunas de sus apuestas más seguras para que las use si quiere una fuente serif:
- mensajero
- Mensajero nuevo
- Georgia
- Veces
- Times New Roman
Una vez más, la lista a continuación son fuentes que estarán en muchas computadoras, pero que tienen menos cobertura general que la lista anterior. Puede usar estas fuentes de manera bastante confiable, pero también debe incluir una fuente serif más común (de la lista anterior) en su pila de fuentes.
- MS Serif
- Nueva York
- Palatino
- Palatino Linotype
Fuentes Monospace
Si bien no se usan tanto como las fuentes serif y sans-serif, las fuentes monoespaciadas también son una opción. Estas fuentes son las que tienen letras que están separadas por igual. No tienen una aceptación tan amplia en todas las plataformas, pero si quieres usar una fuente monoespaciada, estas son tus mejores opciones:
- mensajero
- Mensajero nuevo
Estas fuentes también tienen alguna cobertura.
- Consola lucida
- Mónaco
Fuentes cursivas y de fantasía
Las fuentes cursivas y de fantasía no son populares como serif o sans-serif, y la naturaleza adornada de estas fuentes las hace inapropiadas para usar como copia de cuerpo. Estas fuentes se utilizan con mayor frecuencia como titulares y títulos, ya que se configuran en tamaños de fuente más grandes y solo para ráfagas cortas de texto. Estilísticamente, estas fuentes pueden parecer realmente geniales, pero debe comparar la apariencia de la fuente con la legibilidad de cualquier texto que configure al usarlas.
Sólo hay una fuente cursiva que está disponible en Windows y Macintosh, pero no en Linux. Es Comic Sans MS. No hay fuentes de fantasía que tengan una buena cobertura entre navegadores y sistemas operativos. Esto significa que si está utilizando fuentes cursivas o de fantasía en su sitio web, probablemente las esté utilizando como fuentes web y se vincule al archivo de fuente 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 dispositivos iPhone, iPod y iPad, las fuentes comunes incluyen:
- Arial
- mensajero
- Mensajero nuevo
- Georgia
- Helvética
- Palatino
- Times New Roman
- Trebuchet MS
- Verdana
Las fuentes web son una excelente opción cuando se considera el diseño de dispositivos múltiples, ya que poder cargar fuentes externas le dará una apariencia mucho más consistente de dispositivo a dispositivo. Luego puede templar esas fuentes descargadas con una o dos opciones seguras para la web para obtener el aspecto y el rendimiento que su sitio necesita para tener éxito.
Artículo original de Jennifer Krynin. Editado por Jeremy Girard el 8/8/17
