Fuentes 25 Gorgeous Web Safe para su sitio web

Artículo escrito por: Azreen Azmi
  • Negocios en línea
  • Actualizado: Oct 05, 2020

Fuentes. Los vemos todos los días. Desde anuncios impresos hasta revistas, hay todo tipo de fuentes en el mundo.

Ya sea que sea propietario de una tienda de comercio electrónico o un bloguero en ciernes, lo único que todos los sitios web tienen en común es el uso de texto para el contenido.

Pensar un poco en el texto que se muestra (o el diseño tipográfico) es sorprendentemente importante a la hora de crear la estética general de su sitio y garantizar su éxito.

Pero lo más importante es que sean fuentes seguras para la web.

¿Qué son las fuentes web seguras?

Las fuentes seguras para la Web son estilos de fuente que generalmente están preinstalados y se pueden ver en la mayoría de los dispositivos: computadoras, teléfonos móviles, televisores inteligentes y tabletas.

¿Por qué las fuentes seguras de la red son importantes?

En un mundo ideal, debe tener la capacidad de elegir la fuente que desee para su sitio web. En realidad, existen restricciones para el tipo de fuentes que puede utilizar.

La mayoría de las computadoras y navegadores web vienen con un conjunto de fuentes preinstaladas por los fabricantes, sin embargo, sus diseños pueden (y generalmente) difieren. No había un conjunto de fuentes estándar compartido por todos los fabricantes diferentes.

Si la fuente que usaste no se instaló en la computadora de un usuario, entonces tu sitio web simplemente volverá a una fuente genérica, que a veces puede terminar como ilegible.

En otros para evitar eso, los diseñadores web han estado usando el Fuentes principales para la web que Microsoft lanzó en 1996 como el estándar para la mayoría de las fuentes de sitios web. Este conjunto de fuentes eventualmente se convirtió en "fuentes seguras para la web", ya que independientemente de la computadora, las fuentes aparecerán de manera segura en su sitio web.

¿Debo usar fuentes de Web Safe para mi sitio web?

Respuesta corta: Absolutamente.

Si desea mantener el diseño y la marca visual de su sitio web de manera coherente, el uso de una fuente segura para la web garantiza que su sitio aparezca exactamente como pretendía.

De hecho, casi todos los sitios web de hoy utilizan algún tipo de fuente segura para la web. Los diseñadores web siempre recomendarán elegir una fuente segura para la web para evitar que aparezcan fuentes genéricas, como Times New Roman, cuando los usuarios visitan su sitio web si no lo hacen con esa fuente específica o personalizada.

¿Cómo agrego estas fuentes web seguras?

Hay varias formas que puede usar para agregar estas fuentes a su página web, pero si no está en la programación o tiene poca o ninguna experiencia técnica, puede copiar fácilmente el código CSS en bruto y pegarlo directamente. en su propia hoja de estilo para usar las fuentes.

Si aún no está seguro, simplemente siga estos sencillos pasos:

  1. Carga tu archivo header.php
  2. Copie el código fuente / estándar de la fuente (consulte la referencia 1)
  3. Pegue el código en la parte superior de su archivo de encabezado.
  4. Cargue su style.css, ingrese el código de fuente para cambiar el texto de fuente de su elección. (ver referencia 2)

Referencia 1

Referencia 2

body {font-family: 'Abel'; font-size: 22px;}

Las fuentes 25 Gorgeous Web Safe para su sitio web

1. Arial

Fuentes web seguras - Arial

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

2. Calibri

Fuentes web seguras - Calibri

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS 

3. Helvética

Fuentes web seguras - Helvetica

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

4. Segoe UI

Fuentes web seguras - Segoe UI

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

5. Trebuchet MS

Fuentes Web Safe - Trebuchet

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS 

6. Cambría

Fuentes web seguras - Cambria

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS 

7. Palatino

Fuentes web seguras - Palatino

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

8. Perpetua

Fuentes web seguras - Perpetua

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

9. Georgia

Fuentes web seguras: Georgia

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS 

10. Consolas

Fuentes web seguras - Consolas

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

11. Mensajero nuevo

Fuentes Web Safe - Courier New

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS 

12. Tahoma

Fuentes web seguras - Tahoma

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

13. Verdana

Fuentes web seguras - Verdana

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

14. Optima

Fuentes web seguras - Optima

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

15. Gill Sans

Fuentes web seguras - Gill Sans

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

16. Siglo gótico

Fuentes web seguras - Century Gothic

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS 

17. Candara

Fuentes web seguras - Candara

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

18. Andale mono

Fuentes Web Safe - Andale Mono

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS 

19. Didot

Fuentes web seguras - Didot

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

20. Placa de cobre gótica

Fuentes Web Safe - Copperplate

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS 

21. Rockwell

Fuentes web seguras - Rockwell

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS 

22. Bodoni

Fuentes web seguras - Bodoni

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

23. Franklin gótico

Fuentes web seguras - franklin Gothic

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS 

24. Impacto

Fuentes web seguras: impacto

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS 

25. Calisto MT

Fuentes web seguras - Calisto

Enlaces / Fuente: Fonts.com / Pila de fuentes CSS

Herramientas de fuente para retirar

Existen varias herramientas en línea que puede usar para verificar y probar diferentes fuentes que puede usar para su página web. Si tiene problemas para elegir una fuente o simplemente desea explorar qué tipos de fuentes seguras para la web están disponibles, estos sitios son una gran herramienta para usar.

Par de fuentes

Par de fuentes ofrece una gran cantidad de recursos, complementos, libros electrónicos, guías, videos e incluso inspiraciones sobre cualquier cosa y todo lo relacionado con la tipografía. Incluso tienen una sección que le ofrece las fuentes más populares disponibles en Google Fonts y qué fuentes se combinan mejor entre sí.

Wordmark.it

Si desea una vista previa rápida de cómo se vería su texto con una fuente determinada, Wordmark.it te da una vista previa instantánea de cómo aparecería tu texto en varias fuentes a la vez. Simplemente escriba una palabra o frase en la barra de la página principal, presione Entrar y le mostrará el texto con diferentes fuentes, como Candara o Lucida Console.

WhatTheFont

WhatTheFont es una herramienta que puede utilizar para calcular e identificar una fuente que ha visto en línea. Todo lo que tiene que hacer es simplemente cargar una imagen de la fuente y WhatTheFont realizará una búsqueda cruzada en su base de datos para darle los resultados más cercanos. Si aún no puede encontrar la fuente exacta, incluso puede dirigirse a su foro para pedir ayuda.

Se trata de la fuente Jugar

Si eres como yo, entonces es probable que pases mucho tiempo en la web, leyendo y visitando toneladas de sitios web. Por eso, lo apreciará cuando un sitio web utilice una buena tipografía para complementar el diseño visual de su sitio.

Cuando utilice fuentes seguras para la web que sean agradables a la vista, los usuarios se lo agradecerán y estarán más dispuestos a volver y consumir más contenido. ¿Entonces, Qué esperas? Comience a usar estas fuentes y hacer un sitio web impresionante ¡para tu negocio!

Acerca de Azreen Azmi

Azreen Azmi es un escritor con una inclinación por escribir sobre marketing de contenidos y tecnología. Desde YouTube hasta Twitch, intenta mantenerse en contacto con lo último en creación de contenido y descubrir la mejor manera de promocionar su marca.