html - 字体不能在外部工作

Question

我正在尝试使用适合我本地的自定义字体，但由于特定要求，我也需要将其链接到外部网站。

但是当它链接到我的域时，当我在本地主机上测试它时，字体不会显示

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

@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;
}

Answer 1

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

例子:

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

Extra explanations about Relative URLs