NextJS intl set wrong font changing locale

29 Views Asked by Firestarter At 25 January 2024 at 08:07

I'm using NextJS v.14 with "next-intl": "^3.4.2", and in the main layout.js file

import { Raleway } from 'next/font/google'

const font = Raleway({ subsets: ['latin', 'cyrillic', 'cyrillic-ext'] })

export default function RootLayout({ children, params: { locale } }) {
  return (
    <html lang={locale}>
      <body className={font.className}>
        {children}
      </body>
    </html>
  )
}

I have 3 locales - bg (default), ua, en. Everything switches well but when I am on "/bg" the font looks incorrect (middle photo).

Repo - https://github.com/Aleksandr-Pod/stream_trade/tree/Bug-/bg-prefix

There are 0 best solutions below