@font-face src: local - Garantindo o uso de fontes locais

Esta pergunta aborda a questão de como evitar que navegadores baixem fontes que já estão instalados no sistema de um usuário ao usar a regra @font-face.

O CSS fornecido na pergunta usa a sintaxe recomendada pelo Font Squirrel. No entanto, o problema persiste no Chromium, sugerindo um problema específico do navegador.

A solução está em aproveitar a palavra-chave "local()" para priorizar arquivos de fontes locais. Ao modificar a propriedade src conforme visto abaixo, o navegador primeiro tentará carregar a fonte do 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');

Neste código modificado, 'local('DejaVu Serif')' garante que o Chromium verifique a fonte DejaVu Serif instalada no sistema do usuário antes de tentar baixá-la da web.

Essa abordagem garante o carregamento ideal da fonte, como o o navegador usará a cópia local, se disponível, evitando downloads desnecessários e reduzindo o tempo de carregamento da página.