如果我链接到安装了字体的远程服务器上的外部CSS。它会嵌入字体吗?

时间:2016-08-30 15:20:29

标签: html css fonts font-face

在服务器上拥有许可字体,但页面由供应商在外部托管。

在外部托管页面上,如果我链接到服务器上的CSS样式表。它会嵌入字体吗?

由于

1 个答案:

答案 0 :(得分:1)

答案取决于几件事。

首先 - 您必须知道远程服务器如何处理资产的远程请求。例如,如果远程服务器是Apache服务器,并且设置为通过.htaccess拒绝外部请求到某些非HTML页面文件夹,则它将无法工作。最有可能的是,它不是那样设置的,但你可以通过在浏览器中尝试远程URL并查看它是否连接来找到它。

需要注意的另一件事是CORS。如果您的网站为HTTP而另一个网站已加密HTTPS,则您可能会发生跨域冲突。避免这种情况的一种方法是使用protocol relative URLs,其类似于://domain.com/your/folders/here。这有助于更频繁地解决跨源冲突。

要链接到字体文件,请在CSS中使用绝对,协议相对URL和@font-face

@font-face {
  font-family: 'Proxima-Nova';
          src: url('//www.example.com/fonts/proximanovaextrabold.eot');
          src: url('//www.example.com/fonts/proximanovaextrabold.eot?#iefix') format('embedded-opentype'),
               url('//www.example.com/fonts/proximanovaextrabold.woff2') format('woff2'),
               url('//www.example.com/fonts/proximanovaextrabold.woff') format('woff'),
               url('//www.example.com/fonts/proximanovaextrabold.ttf') format('truetype');
}