Fuentes 25 Gorgeous Web Safe para su sitio web

Artículo escrito por:
  • Negocios en línea
  • Actualizado: enero 17, 2019

Si eres una tienda de comercio electrónico or un blogger en ciernesLo único que todos los sitios web tienen en común es el uso de texto para el contenido. Pensar en el texto que se muestra (o diseño tipográfico) es como era de esperar Importante al crear la estética general de su sitio y para garantizar su éxito.

Aquí está la cosa, puede que tenga una plantilla de WordPress increíble o poner imágenes impresionantes en su sitio web SIN EMBARGO si está usando una fuente básica poco atractiva (¡o peor Comic Sans!), Entonces aún terminará con un sitio web que se ve y se siente no profesional.

Además, te estás perdiendo la abundante tipografía web magnífica que está disponible en línea.

Por supuesto, si desea asegurarse de que la fuente que elija se cargue de manera confiable en otras computadoras, debe elegir una "fuente segura para la web".

¡Con nuestras magníficas fuentes seguras para la web 25, se asegurará de tener una tipografía web increíble para su sitio web que funcione todo el tiempo, al final de este artículo!

¿Qué es una fuente segura para la Web?

Las fuentes seguras para la Web son fuentes que generalmente están preinstaladas 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. Copia la fuente de fuente / código estándar
  3. Pegue el código en la parte superior de su archivo de encabezado.
  4. Cargue su style.css, coloque el código de fuente para cambiar el texto de fuente de su elección.

Al final, deberías tener una hoja de estilo que se vea así:

Las fuentes 25 Gorgeous Web Safe para su sitio web

1. Arial

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

2. Calibri

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

3. Helvética

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

4. Segoe UI

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

5. Trebuchet MS

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

6. Cambría

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

7. Palatino

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

8. Perpetua

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

9. Georgia

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

10. Consolas

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

11. Mensajero nuevo

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

12. Tahoma

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

13. Verdana

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

14. Optima

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

15. Gill Sans

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

16. Siglo gótico

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

17. Candara

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

18. Andale mono

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

19. Didot

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

20. Placa de cobre gótica

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

21. Rockwell

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

22. Bodoni

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

23. Franklin gótico

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

24. Impacto

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

25. Calisto MT

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

Herramientas de fuente para retirar

Existe una serie de herramientas en línea que puede usar para verificar y probar diferentes fuentes que puede usar para su sitio 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 excelente 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.