Question

This page没有正确加载字体，我无法弄清楚原因。

这是当前的实现

@font-face {
  font-family: 'DINPro-Medium';
  src: url('http://timeandoak-shopify.s3-website-us-east-1.amazonaws.com/assets/fonts/din-medium/DINPro-Medium.eot?#iefix') format('embedded-opentype'),  url('http://timeandoak-shopify.s3-website-us-east-1.amazonaws.com/assets/fonts/din-medium/DINPro-Medium.woff') format('woff'), url('http://timeandoak-shopify.s3-website-us-east-1.amazonaws.com/assets/fonts/din-medium/DINPro-Medium.ttf')  format('truetype'), url('http://timeandoak-shopify.s3-website-us-east-1.amazonaws.com/assets/fonts/din-medium/DINPro-Medium.svg#DINPro-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'UnitedSansSemiCond-Medium';
  src: url('http://timeandoak-shopify.s3-website-us-east-1.amazonaws.com/assets/fonts/united-semi-cond/UnitedSansSemiCond-Medium.eot?#iefix') format('embedded-opentype'),  url('http://timeandoak-shopify.s3-website-us-east-1.amazonaws.com/assets/fonts/united-semi-cond/UnitedSansSemiCond-Medium.otf')  format('opentype'),
       url('http://timeandoak-shopify.s3-website-us-east-1.amazonaws.com/assets/fonts/united-semi-cond/UnitedSansSemiCond-Medium.woff') format('woff'), url('http://timeandoak-shopify.s3-website-us-east-1.amazonaws.com/assets/fonts/united-semi-cond/UnitedSansSemiCond-Medium.ttf')  format('truetype'), url('http://timeandoak-shopify.s3-website-us-east-1.amazonaws.com/assets/fonts/united-semi-cond/UnitedSansSemiCond-Medium.svg#UnitedSansSemiCond-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

Answer 1

您是否查看了浏览器控制台？

来自“http://timeandoak-shopify.s3-website-us-east-1.amazonaws.com”的字体已被跨源资源共享策略阻止加载：请求的资源上没有“Access-Control-Allow-Origin”标头。因此，不允许原点“http://www.timeandoak.com”访问。

无法弄清楚为什么网络字体不起作用

1 个答案: