我最近開始將我的 create react app 應用程序轉換為 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'); }`;
使用 next.js 和樣式 jsx 加載字體
慕無忌1623718
2022-11-03 10:17:54