html - 时尚的自定义字体

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");
  }