相关疑难解决方法(0)

我正在一个需要在线字体试用的网站上工作,我所拥有的字体都是.otf

有没有办法嵌入字体并让它们在所有浏览器上运行？

如果没有,我还有其他选择吗？

我发现了这一切:https://stackoverflow.com/search ？ q = Fail + to+decode+downloaded+font

但答案没有帮助解决我的问题= /

我在控制台上看到了这个错误:

Failed to decode downloaded font: http://devcomlink.kunena.dev-monkeys.com/components/com_kunena/template/devcomlink/fonts/font-awesome/fontawesome-webfont.woff2
    index.php?option=com_kunena&view=category&layout=list&Itemid=129&templateStyle=9:1 Failed to decode downloaded font: http://devcomlink.kunena.dev-monkeys.com/components/com_kunena/template/devcomlink/fonts/font-awesome/fontawesome-webfont.woff
    index.php?option=com_kunena&view=category&layout=list&Itemid=129&templateStyle=9:1 Failed to decode downloaded font: http://devcomlink.kunena.dev-monkeys.com/components/com_kunena/template/devcomlink/fonts/font-awesome/fontawesome-webfont.ttf

我的页面的URL:http://devcomlink.kunena.dev-monkeys.com/index.php？option = com_kunena&view = category&layout = list&Itemid = 129&templateStyle = 9

在Firefox和IE11中,图标总是不加载...

有谁知道如何解决这个问题？

我的 /assets/font 文件夹中有一些自定义字体，假设它是“ITC Charter Com Black”，我有四种文件：.eot .svg .tff .woff.

以及如何在我的项目中使用这些字体？我累了：font-family: 'ITC Charter Com Black';

这是行不通的。

我目前在 angular 6 中工作。我想在 style.css 中加载我的字体，但它不起作用。我的代码如下所示。有人可以建议我如何重现这个问题吗？

注意：我使用了在 angular 5 中使用的相同语法。它有什么问题？

样式.css：

@font-face {
  font-family: 'Expert Sans';
  src: url('assets/fonts/ExpertSans-Regular.ttf');
}


body {
  font-family: 'Expert Sans' !important;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
  margin: 0;
}