wikipediaillustrated

marketing

La lista definitiva de fuentes HTML y CSS seguras para la web

html css web safe fonts.jpegkeepProtocol

Lo crea o no, la fuente de su sitio web es parte de su mensaje de marketing.

Más específicamente, juega un papel crucial en la creación de una identidad de marca única. Es probable que observe fuentes «estándar» particulares asociadas con marcas establecidas, especialmente en sus logotipos. Por ejemplo, Facebook, Amazon, Disney y Microsoft tienen fuentes distintas que los distinguen. La mayoría están hechos a medida y son variaciones de las fuentes existentes.

No hace mucho tiempo, las mismas fuentes monótonas aparecían en casi todos los sitios web, independientemente de la industria o la marca. Fue difícil implementar fuentes únicas porque no había forma de mostrarlas correctamente en todos los navegadores.

Hoy en día, sin embargo, hay una mayor variedad de fuentes CSS y HTML seguras para la web que puede usar para ayudar en el proceso de desarrollo de su sitio web y mejorar la marca de sus esfuerzos de marketing digital.

Anteriormente, si un usuario no tenía la fuente de su sitio web en particular instalada en su computadora, su navegador mostraba una fuente genérica como respaldo, como Times New Roman.

Como resultado, los especialistas en marketing no sabían cómo se mostraban sus páginas web al usuario final. Si el contenido de una página no se adapta perfectamente a una fuente diferente, el usuario puede encontrarse con problemas de funcionalidad y diseño.

Las fuentes seguras para la web resuelven este problema y ahora son un estándar en el diseño web. Al elegir una fuente segura para la web, puede estar seguro de que su texto siempre aparecerá como se esperaba. La mejor parte es que no tienes que quedarte con las fuentes serif. Echemos un vistazo a los diferentes tipos.

Recurso destacado

La guía para principiantes de HTML y CSS para especialistas en marketing

Complete el formulario para obtener su guía introductoria gratuita.




¿Cuáles son los diferentes tipos de fuentes web?

Para fuentes seguras para la web, puede usar fuentes serif, sans-serif, monoespaciadas, cursivas, fantasía y MS.

  • Serif las fuentes contienen remates, pequeños trazos decorativos que sobresalen del cuerpo principal de la letra. Las fuentes serif son más fáciles de leer en formatos impresos físicos, ya que las serif dirigen la mirada del espectador de un carácter a otro. Times New Roman es una fuente serif.
  • sans-serif las fuentes no tienen serifas. Las fuentes sans-serif son más fáciles de leer en las pantallas, por lo que son mucho más comunes en la copia de sitios web. Arial es una fuente sans-serif.
  • monoespaciado se refiere a las fuentes que tienen el mismo espacio entre caracteres. Courier es una fuente monoespaciada.
  • Cursivo se refiere a fuentes que se asemejan a la escritura a mano. Brush Script MT es una fuente cursiva.
  • Fantasía se refiere a fuentes decorativas muy estilizadas. Luminari es una fuente de fantasía.
  • SRA significa Microsoft e indica que la fuente fue creada por Microsoft para dispositivos digitales. Trebuchet MS es un ejemplo.

Con tantos avances en el diseño web, es fácil preguntarse si las fuentes seguras para la web están obsoletas. Después de todo, ahora tenemos bots de IA y un marco dedicado para diseñar páginas móviles. Seguramente existe una tecnología que hace que todas las fuentes sean seguras para la web.

Pero esto simplemente no es verdad. Analicemos por qué las fuentes seguras para la web siguen siendo importantes hoy en día.

Las fuentes seguras para la web son la forma más fácil de garantizar una experiencia de usuario uniforme en caso de que su fuente preferida no se cargue correctamente. Es posible que haya elegido la fuente más hermosa de Fuentes de Googlepero si no lo combina con una fuente segura para la web en su pila de fuentes CSS, corre el riesgo de mostrar texto que se vea fuera de marca en su sitio.

Imagine, por ejemplo, la representación del sitio de HubSpot en Times New Roman, todo porque no establecimos nuestra fuente preferida segura para la web en el backend. Time New Roman es perfectamente seguro para la web: el problema es que el navegador lo establece de manera predeterminada, por lo que nuestro sitio web termina luciendo inconsistente y, bueno, un poco fuera de marca.

Estas son algunas de las razones por las que querrá usar fuentes seguras para la web.

1. Su texto HTML se mantendrá consistente.

Si…

Puede que también te guste...

Deja una respuesta

Tu dirección de correo electrónico no será publicada.