@ font-face在chrome中不起作用，如何解决？

Question

我使用字体来在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（希望相同）。您甚至可以从那里下载并使用它。