Question

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

但是当我链接到我的域时，我在我的localhost上测试它 - 字体不显示

我不确定他们是否是跨域问题 - 但任何帮助都会受到赞赏欢呼

@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网址必须是相对的。

示例：

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

Extra explanations about Relative URLs

Answer 2

字体嵌入，即@font-face需要在每个域的基础上创建字体文件。

那是因为某些字体可能存在版权问题

font-face无法在外部工作

2 个答案: