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

【问题标题】：@font-face doesn't work in chrome, how can I fix that?@font-face 在 chrome 中不起作用，我该如何解决？
【发布时间】：2019-02-04 11:15:56
【问题描述】：

我在 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';
}

【问题讨论】：

寻求代码帮助的问题必须包含重现它所需的最短代码在问题本身中最好在Stack Snippet 中。见How to create a Minimal, Complete, and Verifiable example
嗨 Vladmir，我认为“eot”只在 IE/Edge 上有效，我建议您改用“woff”并查看更多信息：w3schools.com/cssref/css3_pr_font-face_rule.asp
也不好用。
这个字体在firefox下很好用，但是只在chrome和opera不行。
谢谢你，kh3e，我解决了这个问题。谢谢你的好意。

标签： html css google-chrome firefox font-face

【解决方案1】：

我以前用过这个字体。它对我来说效果很好。请尝试使用此Google Font（希望相同）。您甚至可以从那里下载并使用它。

【讨论】：