Question

我正在开发一种样式，将字体更改为项目的自定义字体。代码似乎在编辑窗口中工作，但真正的网站似乎不起作用。我认为它会退回系统默认值。我该如何解决这个问题？如果重要的话，我正在使用chrome。

@font-face {
            font-family: 'wantedfont';
            font-style: normal;
            font-weight: 400;
            src: local('wantedfont'),url(http://hazel-is.me/times_new_ancient.ttf);
}

*{
cursor: url(http://puu.sh/hoJq2/46859bf607.gif), progress;
font-family: wantedfont !important;
}

Answer 1

您可以使用“防弹”语法并添加☺︎作为本地字体名称，以确保它不会加载本地字体。更重要的是添加格式声明，完整规则应该是这样的：

@font-face {
  font-family: 'Graublau Web';
  src: url('GraublauWeb.eot');
  src: local('☺︎'),
    url("GraublauWeb.woff") format("woff"),
    url("GraublauWeb.otf") format("opentype"),
    url("GraublauWeb.svg#grablau") format("svg");
  }

时尚的自定义字体

1 个答案: