reactjs Docusaurus建置遗失的字体

ivqmmu1c 于 2022-11-22 发布在 React

关注(0)|答案(2)|浏览(129)

我加载了位于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;
}

谢谢-谢谢

reactjs

来源：https://stackoverflow.com/questions/65333299/docusaurus-build-missing-fonts

2条答案

按热度按时间

6l7fqoea1#

您还应该添加如下字体：
第一个
对于不同的模式，还有其他的方法可以做到这一点，例如：

--ifm-font-family-monospace: "Indonesiana";

赞(0）回复(0）举报 2022-11-22

cbjzeqam2#

只要使用相对路径，你就可以在构建时得到一个正确的链接（假设你的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;
    }

赞(0）回复(0）举报 2022-11-22

我来回答

reactjs Docusaurus建置遗失的字体

2条答案

相关问题

热门标签

最新问答