Предварительная загрузка нескольких форматов шрифтов

Question

Я хочу предварительно загрузить шрифты с <link rel="preload" href="..fontfile.type" as="font" type="font/type">. Но в моем @font-face я предлагаю несколько форматов.
Лучше ли добавлять ссылку для предварительной загрузки для каждого формата шрифта? Пример:

<link rel="preload" as="font" href="...eot" type="font/eot">
<link rel="preload" as="font" href="...woff2" type="font/woff2">
<link rel="preload" as="font" href="...ttf" type="font/ttf">

Загружает ли браузер все указанные файлы или распознает, что это одни и те же файлы (в разных форматах)?

Лучше ли предлагать только один файл (woff2 должен охватывать большинство браузеров)?

Answer 1

Цитата из Йоав-Вайс в GitHub :

Атрибут type работает с предварительными загрузками, но не позволяет исключать старые поддерживаемые форматы. Это означает, что в настоящее время вы можете предварительно загрузить вариант woff2 только в поддерживающих браузерах, но вы не сможете предварительно загрузить вариант woff только в браузерах, которые не поддерживают woff2 (поскольку этот вариант также поддерживается в более новых браузерах).

Мой совет - использовать предварительную загрузку только для последнего формата, который, вероятно, должен охватывать большинство пользователей. Старые браузеры не получат эту оптимизацию, но, вероятно, также не будут поддерживать предварительную загрузку, так что это, скорее всего, хорошо.