Как я могу обновить уже существующий процесс @ font-face?

Question

У меня есть случай, когда я уже определил объявления шрифтов

@font-face {
  font-family: 'some font';
  src: url('somelink') format('woff');
  font-weight: 900;
  font-style: normal;
}

У меня нет возможности редактировать этот код, но мне нужно добавить еще одно объявление (font-display: необязательно), есть ли способ сделать это?

В настоящее время я просто перезаписываю это объявление в таблице стилей, где у меня есть что-то вроде этого:

@font-face {
  font-family: 'some font';
  src: url('somelink') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: optional;
}

Но я даже не уверен, работает ли это. Как бы вы это проверили? Есть ли лучший способ сделать это? Заранее спасибо.

Answer 1

Вы не можете переопределить @font-face определения.

Обычной практикой является создание нового @font-face с другим именем, а затем использование нового имени в font-family:

@font-face {
  font-family: 'some font 2';
  src: url('somelink') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: optional;
}

.item {
  font-family: 'some font 2`
}