@font-face src: local — обеспечение локального использования шрифтов

Этот вопрос касается вопроса о том, как запретить браузерам загружать шрифты, которые уже установлены в системе пользователя при использовании правила @font-face.

В CSS, указанном в вопросе, используется синтаксис, рекомендованный Font Squirrel. Однако в Chromium проблема сохраняется, что указывает на проблему, специфичную для браузера.

Решение заключается в использовании ключевого слова «local()» для определения приоритета локальных файлов шрифтов. Изменив свойство src, как показано ниже, браузер сначала попытается загрузить шрифт из локальной системы:

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

В этом измененный код, 'local('DejaVu Serif')' гарантирует, что Chromium проверяет наличие шрифта DejaVu Serif, установленного в системе пользователя, прежде чем пытаться загрузить его из Интернета.

Этот подход гарантирует оптимальную загрузку шрифта, поскольку браузер будет использовать локальную копию, если она доступна, избегая ненужных загрузок и сокращая время загрузки страницы.