Почему не срабатывает font-face?

Question

[kentos]

Здравствуйте, такой вопрос, подключил через font-face шрифт

@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("fonts/MuseoSansCyrl-500.eot");
  src: local("fonts/MuseoSansCyrl-500"),
    url("fonts/MuseoSansCyrl-500.eot?#iefix") format("embedded-opentype"),
    url("fonts/MuseoSansCyrl-500.woff") format("woff"),
    url("fonts/MuseoSansCyrl-500.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("fonts/MuseoSansCyrl-700.eot");
  src: local("fonts/MuseoSansCyrl-700"),
    url("fonts/MuseoSansCyrl-700.eot?#iefix") format("embedded-opentype"),
    url("fonts/MuseoSansCyrl-700.woff") format("woff"),
    url("fonts/MuseoSansCyrl-700.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Museo Sans Cyrl";
  src: url("fonts/MuseoSansCyrl-900.eot");
  src: local("fonts/MuseoSansCyrl-900"),
    url("fonts/MuseoSansCyrl-900.eot?#iefix") format("embedded-opentype"),
    url("fonts/MuseoSansCyrl-900.woff") format("woff"),
    url("fonts/MuseoSansCyrl-900.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

Но гугл все равно ругается на -- Настройте предварительную загрузку ключевых запросов

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Museo Sans Cyrl", sans-serif;
  color: #353535;
}

пы.сы: но может ли означать то, что "Museo Sans Cyrl", sans-serif !important , будет загружать Museo и игнорировать sans-serif

Comments

[Михаил]

html prefetch

[kentos]

а можно вывести в отдельный файл, font-face и поставить prefetch?

[Ankhena]

kentos, а ведь гугл там же где ругается даже пишет тег, который ему хочется и кнопочку Подробнее.
Вам нужно в html поставить link rel preload или prefetch

А еще, современным браузерам хорошо бы отдавать форматы woff2 и woff (остальные лишние, только если вы не поддерживаете какие-то совсем древности)