亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 next.js 和樣式 jsx 加載字體

使用 next.js 和樣式 jsx 加載字體

慕無忌1623718 2022-11-03 10:17:54
我最近開始將我的 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');    }`;
查看完整描述

1 回答

?
千萬里不及你

TA貢獻1784條經驗 獲得超9個贊

您需要在此處使用的字體文件的位置是它們的公共 URL,而不是它們的文件系統位置。所以不要url('../public/static/fonts/...')只使用url('/static/fonts/...').



查看完整回答
反對 回復 2022-11-03
  • 1 回答
  • 0 關注
  • 294 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號