¿Sabía que su navegador web se descarga automáticamente y utiliza fuentes que no están instaladas en su sistema? Las fuentes web ayudan a las páginas que navegas cada día se vean mejor. Esto es lo que son y cómo funcionan.
Fuentes de escritorio vs. Fuentes web
Todos usamos fuentes todos los días. Algunos [dieciséis] ven con su sistema operativo , algunos provienen de aplicaciones como el Adobe Creative Suite o Microsoft Office, y algunos son los que descarga o compra y Instalarse . Cuando están instalados, puede usar estas fuentes en procesadores de texto, software de edición de imágenes y más. Estas son fuentes de escritorio, y se almacenan localmente.
Otro tipo de fuente se ha vuelto más importante ya que nuestra experiencia informática se ha movido en línea. Estas son las fuentes web, la tipografía se almacena en la nube (y luego en caché en su navegador) y se usa para generar el texto que aparece en los sitios web.
Una breve historia de fuentes web.
En los primeros días de Internet, la tipografía en las páginas web se limitó a qué fuentes se instalaron en su sistema. Si no se instaló una fuente, la página web cargaría una fuente estándar "Fallback" que era más probable que estuviera disponible. Debido a esto, los diseñadores web a menudo escogen fuentes de sistema predeterminadas para sus sitios.
Entre estos fueron los de Microsoft Fuentes principales para web , un conjunto de tipografías hechas libremente disponibles para el diseño web. Este paquete incluía fuentes del sistema ampliamente utilizadas como Times New Roman, Arial, Comic Sans , y Trebuchet. Alternativamente, los diseñadores podrían usar Fuentes Families, como Serif, Sans-Serif y Mónespace para especificar el estilo general de una fuente, incluso si un específico no estaba disponible.
Esto cambió en 2010 cuando Google lanzó Google Fuentes , un vasto repositorio de código abierto para fuentes libres que se pueden usar en cualquier lugar de la web. Desde entonces, se han surgido otros competidores, como los complementos de fuentes alojados en la web de Adobe. Millones de sitios web de todo el mundo se ejecutan en fuentes web, incluyendo Suite de productividad de Google .
Cómo funcionan las fuentes web
El mayor proveedor de fuentes web, Google Fuentes, es una biblioteca web expansiva de más de mil fuentes. Puede usarlos en su sitio web tirando de ellos a través de CSS, y los desarrolladores móviles pueden acceder a estas fuentes al crear aplicaciones de Android.
Cuando una página web usa Google Fuentes, tira de una fuente de la base de datos de Google y luego se muestra el texto en esa fuente en su navegador. Estas fuentes están alojadas en el servidor de Google y se cargan de forma casi instantánea. Otros servicios de fuentes de nubes trabajan mucho de la misma manera.
Otra alternativa está utilizando fuentes incorporadas auto-alojadas en la web. Esto se hace a través de la Formato de fuente abierto web (WOFF): un archivo de fuente comprimido desarrollado por Mozilla que es compatible con la mayoría de los navegadores web modernos. Woff es útil si desea incrustar una fuente personalizada que no está disponible en un servicio de fuentes web.
Conseguir fuentes web
El repositorio de fuentes de Google y todas las fuentes debajo de ella son completamente libres de usar y accesibles para todos. Solo usa fuentes bajo una licencia abierta, y muchas de estas fuentes se han vuelto grapas de diseño web, como Roboto, Lato y Montserrat. Google organiza un sitio web Eso enumera todas sus fuentes disponibles y le permite probarlas y compararlas entre sí. Google también ofrece una base de datos de iconos de vectores gratis.
Dado que estas fuentes están disponibles libremente, puede descargar los archivos de fuente originales [dieciséis] Para usar en su escritorio así como. Muchos sitios web albergan los repositorios de Google Fonts, incluyendo El propio GitHub de Google . Puede usar estas fuentes en proyectos, compartirlos libremente con otros, y descargarlos de otros lugares en Internet de forma gratuita.
Muchos constructores de sitios web y gerentes de contenido, como WordPress y Squarpace, vienen con soporte para fuentes web fuera de la caja. Si está utilizando un sitio web personalizado, debe cargar el archivo de fuente a su servidor y usar el código CSS para que apunte al archivo de fuente que desea usar.
Si desea obtener más información sobre el uso de fuentes web para su sitio web, consulte esto Guía de fuente web CSS de w3schools.
RELACIONADO: [dieciséis] Cómo instalar y administrar fuentes en la aplicación de configuración de Windows 10
