You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When running next version 9.5.3, our fonts loaded without issue. When we upgraded to 9.5.4, our fonts are unable to render. I've created a demo project that loads an open source font (Montserrat) in the same way that we load our paid-font (through <link rel="preload" ... /> in _document.js and defining the @font-face in a _fonts.scss file that gets pulled in to globals.scss)
To Reproduce
Steps to reproduce the behavior, please provide code snippets or a repository:
See error in console, get 500 internal error when attempting to load the page.
error - ./styles/globals.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-7-1!./node_modules/next/dist/compiled/postcss-loader??__nextjs_postcss!./node_modules/resolve-url-loader??ref--5-oneOf-7-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-7-4!./styles/globals.scss)
Error: Can't resolve '/Montserrat-Bold.ttf' in '/path/to/repo/next-font-error/styles'
Error: Can't resolve '/Montserrat-Regular.ttf' in '/Users/mattduleone/sites/next-font-error/styles'
To see that this is a regression:
Install the previous version of next npm install [email protected], and repeat step 3
See no error in the console, see the page load properly when attempting to visit the page.
Expected behavior
The dev/build/start commands should work and pages should render properly.
System information
OS: macOS (local), Linux (in CI)
Version of Next.js: 9.5.4
Version of Node.js: 12.3.1
Additional context
If there's a better or more canonical way for us to load our proprietary fonts, we're game to move in that direction. This was the solution we found works best prior to [email protected]
The text was updated successfully, but these errors were encountered:
mduleone
changed the title
Next 9.5.4: Loading fonts from internal source breaks when upgrading from Next 9.5.3
Next 9.5.4: Loading fonts from internal source breaks
Oct 9, 2020
Apologies, I just checked out the closed issues, and this seems to have already been reportedseveraltimes and closed.
Do we know when we can expect a resolution to land in a non-canary build?
Typically there are no exact timelines for releases, but I would say to keep up on this issue and its progress watch this issue which has the primary report: #17701
This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.
vercel
locked as resolved and limited conversation to collaborators
Jan 29, 2022
Sign up for freeto subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Bug report
Describe the bug
When running next version
9.5.3
, our fonts loaded without issue. When we upgraded to9.5.4
, our fonts are unable to render. I've created a demo project that loads an open source font (Montserrat) in the same way that we load our paid-font (through<link rel="preload" ... />
in_document.js
and defining the@font-face
in a_fonts.scss
file that gets pulled in toglobals.scss
)To Reproduce
Steps to reproduce the behavior, please provide code snippets or a repository:
npm install
npm run dev
Error: Can't resolve '/Montserrat-Regular.ttf' in '/Users/mattduleone/sites/next-font-error/styles'
npm install [email protected]
, and repeat step 3Expected behavior
The dev/build/start commands should work and pages should render properly.
System information
Additional context
If there's a better or more canonical way for us to load our proprietary fonts, we're game to move in that direction. This was the solution we found works best prior to
[email protected]
The text was updated successfully, but these errors were encountered: