@ font-face не работает в Chrome, как я могу это исправить?

Question

Я использовал шрифт face для использования нестандартного шрифта в Chrome, но он не работает. В Firefox это работает хорошо. Как я могу это исправить? Это то, что я написал.

@font-face {
  font-family: 'abril';
  src: url('./assets/fonts/AbrilFatface-Regular.eot');
  src: url('./assets/fonts/AbrilFatface-Regular.eot?#iefix') format('eot'),
       url('./assets/fonts/AbrilFatface-Regular.woff') format('woff'),
       url('./assets/fonts/AbrilFatface-Regular.ttf') format('truetype'),
       url('./assets/fonts/AbrilFatface-Regular.svg') format('svg');
       font-weight: normal;
       font-style: normal;
}

div.page-title {
  font-family: 'abril';
}

Answer 1

Я использовал этот шрифт раньше. Это хорошо сработало для меня. Пожалуйста, попробуйте использовать этот Google Font (надеюсь, что то же самое). Вы даже можете скачать оттуда и использовать.