css - 第三方@font-face 不起作用 - 未将字体应用于 H1 标签

Question

我@font-face的 CSS 代码中的标签不起作用：

@font-face {
    font-family: 'vcr_osd_monoregular';
    src: url('https://rx-gkit.neocities.org/vcr_osd_mono_1.001-webfont.woff2') format('woff2'),
         url('https://rx-gkit.neocities.org/vcr_osd_mono_1.001-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
h1 {
    font-family: 'vcr_osd_monoregular';
}

上面的代码定义了一种字体，但它没有应用于h1标签。有什么理由不工作吗？

它不会返回错误，只是根本不起作用。难道我做错了什么？

地点

标签： css

Answer 1

字体是否托管在根目录中？或者你是从另一个网站链接到他们吗？

当字体托管在不同的域中时（例如，从 链接www.site.com到sub.site.com），出于安全原因，它们会被阻止并且不会应用。