html - 字体无法在外部使用

我正在尝试使用一种对我来说本地可用的自定义字体，但是由于特殊要求，我也需要将其链接到外部网站。

但是，当它链接到我的域时，只要在本地主机上对其进行测试，字体就不会显示

我不确定他们是否是跨网域问题-但任何帮助将不胜感激

@font-face {
    font-family: "Wisdom";
    src: url("http://transformer.tamar.com/Santa/726318360-Wisdom-Script.eot?#iefix") format("embedded-opentype"),
     url("http://transformer.tamar.com/Santa/726318360-Wisdom-Script.svg#Wisdom Script AI") format("svg"),
     url("http://transformer.tamar.com/Santa/726318360-Wisdom-Script.woff") format("woff"),
      url("http://transformer.tamar.com/Santa/726318360-Wisdom-Script.ttf") format("truetype");
}

h3.step {
    font-family: 'Wisdom';
    font-size: 1em;
    text-align: center;
}

最佳答案

@font-face URL必须是相对的。

例：

src: url("/Santa/726318360-Wisdom-Script.ttf") format("truetype");

Extra explanations about Relative URLs