Fuentes seguras web en CSS | Explicado

Las fuentes funcionan como marcas comerciales de cualquier sitio web, ya que estas fuentes proporcionan una espléndida apariencia visual a cualquier sitio web. Siempre existe una perspectiva de que las fuentes que funcionan magníficamente en una plataforma/dispositivo pueden no ser efectivas para otras plataformas. Por lo tanto, las fuentes seguras a la web son siempre la primera opción del desarrollador.

Las fuentes que son accesibles para casi todos los dispositivos, y compatibles con la mayoría de los navegadores se denominan fuentes seguras para la web. Estas fuentes están instaladas globalmente en todos los navegadores y dispositivos. Esta redacción presentará algunas fuentes notables seguras de la web junto con sus familias genéricas de fuentes:

• Serif (Times New Roman, Georgia)
• Sans-serif (Arial, Calibri, Helvetica)
• Cursivo (Script Mt)
• Monos (Mensajero)

Así que comencemos!

Serif

Las fuentes que pertenecen a la familia serif tienen pequeños golpes decorativos en el borde de la carta.

Times New Roman

Una fuente extremadamente popular que pertenece a la familia Serif y se usa como fuente principal para aplicaciones de Windows. Se usa más comúnmente en la tesis de investigación, artículos y medios impresos como periódicos.

Ejemplo

El fragmento dado a continuación le permitirá comprender cómo usar los tiempos de la nueva fuente romana en HTML/CSS

Html

Un ejemplo de Times New Roman Fonts

CSS

pag
Font-Family: 'Times New Roman', serif;

El siguiente será la salida resultante para el fragmento anterior:

Georgia

Es una fuente elegante que pertenece a la familia Serif y es muy legible en varios tamaños de fuente, por lo que se considera la opción perfecta para diseños móviles receptivos:

Html

Un ejemplo de fuentes de Georgia

CSS

pags
Font-Family: Georgia, serif;

El fragmento de código anterior muestra la siguiente salida:

Sans-serif

A diferencia de las fuentes serif, no tienen ningún derrame cerebral, estas fuentes son letras simples. Las fuentes SAN-Serif se consideran fuentes tan fácilmente legibles en comparación con cualquier otra familia de fuentes.

Arial

Las fuentes ariales y los miembros de su familia se consideran las fuentes web más seguras y la razón detrás de esto es muy simple i.mi. Las fuentes Arial están fácilmente disponibles en todas las plataformas/sistemas operativos.

Ejemplo

Considere la pieza de código dada a continuación que describe cómo se ven las fuentes ariales:

Html

Un ejemplo de fuentes ariales

CSS

pags
Font-Family: Arial, Sans-Serif;

En el código anterior, escribimos "San-serif" como el retroceso porque ninguna fuente es cien por ciento segura por la web. El siguiente será el resultado del código anterior:

Helvetica

Es una de las fuentes más utilizadas que pertenecen a la familia Sans-Serif. Se considera la fuente comercial y es muy popular entre los diseñadores:

Html

Un ejemplo de fuentes de Helvetica

CSS

pags
Font-Family: Helvetica, Sans-Serif;

El fragmento anterior muestra el siguiente resultado:

Calibri

Es la fuente estándar de Microsoft desde el lanzamiento de MS Office 2007 y tiene un aspecto muy elegante.

Html

Lt; P> Un ejemplo de fuentes calibri

CSS

pags
Font-Family: Calibri, Sans-Serif;

El fragmento de código anterior produce el siguiente resultado:

Script Mt

Es una de las fuentes más populares de la familia cursiva y es muy similar a la escritura humana

Html

Un ejemplo de fuentes de script mt

CSS

pags
Font-Family: 'script mt', cursive;

La salida del fragmento de código anterior aparecerá así:

Mensajería nueva

Es una fuente muy utilizada de la familia monoespacial que se usa principalmente para mostrar los códigos de programación y, además de este, los correos electrónicos usaron Courier como una fuente predeterminada.

Html

Un ejemplo de fuentes de script mt

CSS

pags
Font-Family: 'Courier New', monoespacial;

El fragmento dado anteriormente genera la siguiente salida:

Conclusión

Las fuentes seguras a la web son fuentes instaladas universalmente y se pueden mostrar de forma segura en cualquier dispositivo. Existen numerosas fuentes seguras de la web de familias Sans-Serif, Serif, Monospace y cursivas disponibles en casi todos los dispositivos. En este artículo, hemos aprendido sobre algunas fuentes seguras de web ampliamente utilizadas y realizamos alguna implementación práctica de estas fuentes en varios campos.