使用@ font-face的特定字体

Question

我的问题是，我想使用google字体不支持的称为（Daniel）的特定字体类型，所以我使用了（@ font-face）并且它工作但仅适用于主页但其他页面在网站上没有工作，我无法弄清楚原因！ 你能帮帮我解决这个问题吗？

P.S 这个问题只在Mozilla firefox浏览器和手机上显示，google chrome也很顺利！

@font-face {
font-family: 'Daniel';
src: url('Daniel.eot');
src: url('Daniel.eot?#iefix') format('embedded-opentype'),
     url('Daniel.woff') format('woff'),
     url('Daniel.ttf') format('truetype'),
     url('Daniel.svg#Daniel') format('svg');
font-weight: normal;
font-style: normal;

}

这是firefox控制台显示的问题：

Answer 1

下载字体文件，然后将其放在项目目录中的某个位置并使用它：

@font-face {
  font-family: 'Steiner Light';
  font-style: normal;
  font-weight: normal;
  src: local('Steiner Light'), url('../fonts/Steinerlight.woff') format('woff');
}

.body{

  font-family: 'Steiner Light' !important;
  font-size: 20px !important;
  font-weight: 900;
  letter-spacing: 1px;
  color: $orange;

}