时间戳

首页 > 解决方案 > 样式表新字体字体导入错误

css - 样式表新字体字体导入错误

问题描述

当我向我的网站添加新字体并且它不显示时

@font-face {
font-family: 'blacker_pro_display-bold';
src: url('https://colabrio.ams3.cdn.digitaloceanspaces.com/webfonts/blacker_pro_display-bold-webfont.woff2') format('woff2'), url('https://colabrio.ams3.cdn.digitaloceanspaces.com/webfonts/blacker_pro_display-bold-webfont.woff') format('woff');
font-weight: bold;
font-style: normal;

}

.about_us_font{
font-family: 'blacker_pro_display-bold';

标签： cssfontsfont-face

解决方案

它是一个 CORS 问题。

代码是正确的，但浏览器安全设置阻止您从另一个域获取字体文件。该服务器的所有者已对其进行了设置，因此浏览器不应在未经许可的情况下获取资产。查找字体文件的另一个来源，自己托管它们或修复服务器中的 CORS 标头。

更多信息：https ://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

推荐阅读