Блог

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

 @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;
}
  

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

Вы не можете переопределить @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`
}