Fuentes seguras web en CSS | Explicado
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
pagFont-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
pagsFont-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
pagsFont-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
pagsFont-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 calibriCSS
pagsFont-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
pagsFont-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
pagsFont-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.