iframe中字体的跨域错误

Question

我正在构建模板编辑器，在其中我通过srcdoc属性使用javascript将原始html加载到iframe中。原始html的标题中包含以下样式，该样式指向其他站点上的ttf文件：

@font-face {
    font-family: 'narrowbold';
    src: url('http://localhost:8084/Content/fonts/new/Gotham-Book.otf') format('truetype');
}

我在Firefox中收到以下错误（尚未测试其他浏览器）：

  

跨源请求被阻止：同源策略禁止阅读   位于的远程资源   http://localhost:8084/Content/fonts/new/Gotham-Book.otf。 （原因：CORS   标头“ Access-Control-Allow-Origin”丢失。

要绕过此错误，我需要进行哪些更改？