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

Я использовал начертание шрифта, чтобы использовать собственный шрифт в 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';
}