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

Question

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