Las 10 mejores fuentes web seguras para tu blog (trabajar con HTML y CSS)

Fuentes Los vemos todos los días. Desde anuncios impresos hasta revistas, hay todo tipo de fuentes en el mundo. A menos que no pueda leer, probablemente entienda la importancia de elegir las fuentes correctas para el medio correcto


Cuando se trata de blogs y sitios web, es importante elegir las fuentes que mejor se adapten a su estilo, pero lo más importante es que sean fuentes seguras para la web.

¿Qué son las fuentes web seguras??

Todos los sistemas operativos (Windows, Mac, Android, iOS, etc.) vienen con una cierta cantidad de fuentes incorporadas. El problema es que diferentes sistemas operativos pueden tener diferentes tipos de letra instalados en sus sistemas.

Aquí es donde entran las fuentes Web Safe.

Las fuentes Web Safe son básicamente estilos de fuente compartidos y visibles en todas las plataformas y diversos sistemas..

Servicios de incrustación de fuentes web

Fuentes web de Google o Typekit son sistemas que permiten el uso de fuentes alojadas en sus servidores. Typekit establece el precio en función de la cantidad de fuentes, el tráfico del sitio y la cantidad de dominios, a diferencia de las fuentes web de Google.

Gracias a Google, Google Web Fonts es completamente gratuito y fácil de usar. Por ejemplo, puede elegir tipos de fuente como Lato, Abierto sin o Tinos. Pegue el código generado en su documento. Y ya está todo listo para hacer referencia en CSS.

Aquí está el HTML básico para principiantes si desea obtener más información..

¿Por qué son importantes las fuentes seguras web??

“Lo que ves es lo que obtienes” cuando se trata de imprimir, pero en la Web, lo que ves en tu pantalla puede no ser exactamente lo mismo para la pantalla de otra persona.

Aquí hay un ejemplo, supongamos que el diseñador que ha contratado decide usar una familia de fuentes realmente elegante y oscura para el diseño de texto de su sitio. Si un visitante no tiene la fuente específica instalada en su computadora o no se está retirando de un sitio web amigable, entonces todos verán una variación de fuente predeterminada como Times New Roman.

Es posible que tenga un sitio bellamente diseñado con fuentes de aspecto asombroso, todavía se verá simple y feo si no se puede cargar para sus visitantes.

Tener estas fuentes Web Safe significa que no tendrá que preocuparse de que sus textos se vean raros solo porque eligió una fuente a la que nadie tiene acceso.

Si desea averiguar cómo crear un sitio web (una guía paso a paso), puede seguir el enlace para consultar uno de los artículos publicados recientemente..

Las 10 mejores fuentes seguras para la web que recomendamos

Ahora que conoce la importancia de una fuente segura para la web, es hora de comenzar a usarla para su sitio.

Si bien hay muchas fuentes que puede elegir, recomendamos estas 10 fuentes seguras para la web para usar con HTML y CSS. Son ampliamente utilizados y se ven bastante bien también.

1. Arial

arialEjemplo de familia de fuentes Arial

Cargue cualquier sitio web y es probable que estén usando una fuente Arial.

Esta fuente sans-serif es la más ampliamente utilizado fuente y se considera el estándar para todas las fuentes seguras para la web. A menudo se usa como un sustituto de fuentes especializadas que no están disponibles en dispositivos Windows.

2. Helvetica

helvéticaEjemplo de familia de fuentes Helvetica

Si las fuentes Arial son la opción para sitios web limpios y profesionales, entonces Helvetica sería la elección del diseñador.

Helvetica ofrece una fuente sans serif más estilizada que permite diseños más audaces..

3. Times New Roman

Times New RomanEjemplo de familia de fuentes Times New Roman

Una nueva variación de la antigua fuente Times.

Times New Roman es probablemente lo que la mayoría de los usuarios de Windows conocen, ya que son la fuente serif estándar en Microsoft Words. En comparación con Arial, Times New Roman es un poco más tradicional en su diseño..

4 veces

vecesEjemplo de familia de fuentes Times

Si Times le resultaba familiar, eso se debe a que ha sido la fuente estándar utilizada para impresiones de periódicos antiguos.

Times se considera la fuente más tradicional que existe y rara vez se usa fuera de impresiones y periódicos.

5. Trebuchet MS

trebuchet-msEjemplo de familia de fuentes Trebuchet MS

Diseñado originalmente por Microsoft en los años noventa, Trebuchet MS fue inspirado por antiguas fuentes de estilo medieval.

Se usó prominentemente como fuente principal para Windows XP y como fuentes de copia corporal en la web durante un tiempo.

6. Verdana

verdanaEjemplo de familia de fuentes Verdana

Una de las opciones más seguras para una fuente web, Verdana utiliza líneas serif simples y letras súper grandes para su diseño..

El aspecto alargado de las fuentes lo convierte en una de las fuentes más fáciles de leer en la red y, a menudo, es la fuente elegida por muchos bloggers..

7. Arial Black

Arial NegroEjemplo de familia de fuentes Arial Black

Si te encantó la fuente Arial pero querías algo más audaz y grande, entonces no puedes equivocarte con Arial Black. La fuente surgió cuando las personas querían usar una fuente en negrita con estilo Helvetica pero no querían pagar su licencia.

8. Courier

mensajeroEjemplo de familia de fuentes Courier

El servicio de mensajería debe ser familiar para todos, ya que la fuente antigua monoespaciada está disponible en casi todos los dispositivos y sistemas operativos como reemplazo de cualquier fuente “única”.

No es la fuente más elegante, pero es muy legible y está limpiamente diseñada..

9. Courier New

mensajería nuevaEjemplo de familia de fuentes Courier New

Al igual que Times, Courier también tuvo un rediseño que modernizó su estilo clásico..

Courier New se considera una fuente monoespaciada y también está disponible en la mayoría de los dispositivos y sistemas operativos.

10. Georgia

GeorgiaEjemplo de familia de fuentes Georgia

Si bien Verdana es generalmente la opción segura para la mayoría de los sitios web, si desea una fuente que tenga letras un poco más grandes con el mismo tamaño de fuente, Georgia cumple los requisitos.

Aunque debe tenerse en cuenta, la fuente funciona en ciertas ocasiones y no funciona bien con otras fuentes serif (se ven minúsculas al lado de Times New Roman).

Absolutamente no use: Comic Sans MS

Claro, se ve divertido y algo caprichoso, sin embargo, absolutamente no use Comic Sans MS si desea que su sitio web se tome en serio.

cómicEjemplo de fuente Comic Sans MS

La fuente sans-serif es una versión informal de las letras de los cómics y generalmente se usa para documentos informales y materiales para niños. A menos que esté escribiendo para un libro infantil o un cómic, no use Comic Sans MS!

Envolver

El propósito de las fuentes seguras para la web es asegurarse de que lo que diseñó en su sitio web aparezca exactamente como se pretendía en otros dispositivos y plataformas. Si bien algunas fuentes pueden no funcionar, hay una serie de excelentes diseños que harán que las fuentes de su sitio se vean geniales.

Solo prométeme que no usarás Comic Sans MS bajo ninguna circunstancia.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map