Not working with nextjs 9

Question

Not working with nextjs 9

Closed this issue 5 years ago · 16 comments

This plugin is not working with the current version of Nextjs (9).
Not able to add font face with SCSS

Answer 1 · 2020-01-10T17:20:49.000Z

Also having this issue, seems to be with the change from using /static to /public to locate static assets such as fonts and images.

Answer 2 · 2020-01-15T09:19:58.000Z

Also having this issue, seems to be with the change from using /static to /public to locate static assets such as fonts and images.

Yep, It seems like /static is deprecated, so I think we need to modify it to be /public instead

Answer 3 · 2020-01-16T03:23:37.000Z

@krish-dev @ChrisDalley @LuigiDerson : Thanks for reporting! I have just published v. 1.0.1 where in I have replaced static with public. Please let me know if that works. Regards -RR

Answer 4 · 2020-01-16T09:35:58.000Z

@krish-dev @ChrisDalley @LuigiDerson : Thanks for reporting! I have just published v. 1.0.1 where in I have replaced static with public. Please let me know if that works. Regards -RR

I'm still getting the error, it is working fine with static although. Im getting this erros in the browser console, I'm using Styled Components and I followed the steps to make them work.

In the _document.js, I have to create two @font-face for each file because if not I'm just getting the medium version, I don't know why.


const GlobalStyle = createGlobalStyle`
  @font-face {
    font-family: 'Rubik';
    src: url("/static/fonts/Rubik-Regular.ttf") format('truetype');
  }
  @font-face {
    font-family: 'Rubik-Medium';
    src: url("/static/fonts/Rubik-Medium.ttf") format('truetype');
  }
`

I'm rolling back to the previous version because svg files are not workink neither

Answer 5 · 2020-01-16T11:53:07.000Z

The current version (1.0.1) is broken.
The assets compiled by nextjs still need to end up in the /.next/static directory.
There is no /.next/public dir. /public is only for your non-compiled files from the file system.

Answer 6 · 2020-01-17T15:19:09.000Z

Same thing, I think this commit must be reversed: 8ea9d92

Answer 7 · 2020-01-22T02:27:27.000Z

Reverted 8ea9d92.

Published new version 1.0.2

Answer 8 · 2020-01-22T05:25:41.000Z

Please see https://github.com/rohanray/next-fonts-example for usage with Nextjs v9.2+

This should work with next-fonts v1.0.2

Answer 9 · 2020-01-22T05:32:02.000Z

Please see https://github.com/rohanray/next-fonts-example for usage with Nextjs v9.2+

This should work with next-fonts v1.0.2

@krish-dev Please test next-fonts v1.0.2 and let me know if we can close this issue.

Answer 10 · 2020-01-22T16:17:19.000Z

Please see https://github.com/rohanray/next-fonts-example for usage with Nextjs v9.2+
This should work with next-fonts v1.0.2

@krish-dev Please test next-fonts v1.0.2 and let me know if we can close this issue.

@rohanray I test next-fonts v1.0.3 and the issue is solved. But it doesn't work when coupled with styled-component. I've followed font-error. But the issue persists.

Answer 11 · 2020-01-23T15:18:58.000Z

Please see https://github.com/rohanray/next-fonts-example for usage with Nextjs v9.2+
This should work with next-fonts v1.0.2

@krish-dev Please test next-fonts v1.0.2 and let me know if we can close this issue.

@rohanray I test next-fonts v1.0.3 and the issue is solved. But it doesn't work when coupled with styled-component. I've followed font-error. But the issue persists.

I fixed it by updating the _app.js to add the globalStyle. And it's working fine. Thanks @rohanray

Answer 12 · 2020-01-24T08:17:15.000Z

@Valentino-Houessou : Thanks much for confirming back! I would really appreciate if you can submit a PR at https://github.com/rohanray/next-fonts-example with a basic running set-up of next-fonts & styled-component

Answer 13 · 2020-01-28T13:22:09.000Z

@Valentino-Houessou : Thanks much for confirming back! I would really appreciate if you can submit a PR at https://github.com/rohanray/next-fonts-example with a basic running set-up of next-fonts & styled-component

I've just made it. Thanks.

Answer 14 · 2020-01-30T07:26:04.000Z

@Valentino-Houessou : Thanks much for confirming back! I would really appreciate if you can submit a PR at https://github.com/rohanray/next-fonts-example with a basic running set-up of next-fonts & styled-component

I've just made it. Thanks.

@Valentino-Houessou : Sorry but I don't see a PR https://github.com/rohanray/next-fonts-example/pulls. Please let me know if you need any help. Thanks -RR

Answer 15 · 2020-01-30T12:10:51.000Z

@Valentino-Houessou : Thanks much for confirming back! I would really appreciate if you can submit a PR at https://github.com/rohanray/next-fonts-example with a basic running set-up of next-fonts & styled-component

I've just made it. Thanks.

@Valentino-Houessou : Sorry but I don't see a PR https://github.com/rohanray/next-fonts-example/pulls. Please let me know if you need any help. Thanks -RR

oh sorry @rohanray, i did it on https://github.com/rohanray/font-error/pulls instead, I've just done it on https://github.com/rohanray/next-fonts-example/pulls also.

Answer 16 · 2020-01-30T14:33:11.000Z

@Valentino-Houessou : Thanks much for confirming back! I would really appreciate if you can submit a PR at https://github.com/rohanray/next-fonts-example with a basic running set-up of next-fonts & styled-component

I've just made it. Thanks.

@Valentino-Houessou : Sorry but I don't see a PR https://github.com/rohanray/next-fonts-example/pulls. Please let me know if you need any help. Thanks -RR

oh sorry @rohanray, i did it on https://github.com/rohanray/font-error/pulls instead, I've just done it on https://github.com/rohanray/next-fonts-example/pulls also.

@Valentino-Houessou : Merged your PR! Thanks much for the contribution. Cheers -Rohan