Если несколько источников перечислены в @ font-face, все ли они загружены на стороне клиента?
Я стремлюсь оптимизировать скорость моего сайта и хочу, чтобы браузеры загружали только тот файл, который им нужен, из следующего кода или всех файлов шрифтов:
@font-face {
font-family: 'Proxima Nova';
src: url('proximanova-regitalic-webfont.eot');
src: url('proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('proximanova-regitalic-webfont.woff') format('woff'),
url('proximanova-regitalic-webfont.ttf') format('truetype'),
url('proximanova-regitalic-webfont.svg#proxima_nova_rgitalic') format('svg');
font-weight: normal;
font-style: italic;
}
Кроме того, это самый оптимальный способ сделать @ font-face? Существуют ли другие стратегии по сокращению времени загрузки для пользователей?