Category Hierarchy

by admin

我最近开始将我的create react应用程序转换为next.js。我正在使用vercel的开源next.js网站作为构建我的网站的指南。我声明了一个font.ts并使用了样式jsx文件并将其导入到_app.js中，但是当我使用该字体时，我从服务器得到了一个404。

这是font.ts文件：

import css from 'styled-jsx/css'

export default css.global`
    /* latin */
    @font-face {
        font-family: bon;
        font-display: auto;
        src: url('../public/static/fonts/Bon.woff2') format('woff2');
    }

    @font-face {
        font-family: bonitalic;
        font-display: auto;
        src: url('../public/static/fonts/Bonitalic.woff2') format('woff2');
    }

    @font-face {
        font-family: maison;
        font-display: auto;
        src: url('../public/static/fonts/MaisonNeue-Book.woff2') format('woff2');
    }
`;

转载请注明出处:http://www.biaocun.net/article/20230526/955292.html