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

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

@font-face doesn't work in chrome, how can I fix that?

html

css

firefox

google-chrome

font-face