Docusaurus生成缺少的字体

Question

我使用static/fonts文件夹中的位置加载自定义字体，它在开发模式(docusaurus start)下工作得很好，但是当我构建(docusaurus build)时，结果显示我使用的字体没有加载，因为fonts文件夹在static文件夹之外。

Folder structure when build

这是我在custom.css文件中生成的代码片段

@font-face {
    font-family: 'Indonesiana';
    src: url('/static/fonts/Indonesiana.woff') format('woff'),
    url('/static/fonts/Indonesiana.svg#Indonesiana') format('svg'),
    url('/static/fonts/Indonesiana.eot'),
    url('/static/fonts/Indonesiana.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

谢谢。

Answer 1

只要使用相对路径，你就会在构建时有一个正确的链接(假设你的css在src/css中)：

 @font-face {
        font-family: 'Indonesiana';
        src: url('../../static/fonts/Indonesiana.woff') format('woff'),
        url('../../static/fonts/Indonesiana.svg#Indonesiana') format('svg'),
        url('../../static/fonts/Indonesiana.eot'),
        url('../../static/fonts/Indonesiana.eot?#iefix') format('embedded-opentype');
        font-weight: normal;
        font-style: normal;
    }