@font-face src: local - Garantizar el uso de fuentes locales

Esta pregunta aborda la cuestión de cómo evitar que los navegadores descarguen fuentes que ya están instalados en el sistema de un usuario cuando se usa la regla @font-face.

El CSS proporcionado en la pregunta usa la sintaxis recomendada por Font Squirrel. Sin embargo, el problema persiste en Chromium, lo que sugiere un problema específico del navegador.

La solución radica en aprovechar la palabra clave "local()" para priorizar los archivos de fuentes locales. Al modificar la propiedad src como se ve a continuación, el navegador primero intentará cargar la fuente desde el sistema local:

src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg');

En este El código modificado, 'local('DejaVu Serif')' garantiza que Chromium verifique la fuente DejaVu Serif instalada en el sistema del usuario antes de intentar descargarla de la web.

Este enfoque garantiza una carga óptima de la fuente, ya que El navegador utilizará la copia local si está disponible, evitando descargas innecesarias y reduciendo el tiempo de carga de la página.