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;
}
最佳答案
您查看过浏览器控制台吗？
Font from origin 'http://timeandoak-shopify.s3-website-us-east-1.amazonaws.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.timeandoak.com' is therefore not allowed access.
关于css - 无法弄清楚为什么网络字体不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37148984/