Martin Koníček

Blog

NextJS - global font with css style module

Showcase image

I was wondering, how to set-up global font module using css style module in NextJS, here is how.

layout.tsx

import { Poppins } from 'next/font/google';

const poppins = Poppins({
  weight: ['700'],
  subsets: ['latin'],
  variable: '--poppins-font',
});

export default function RootLayout({
...
  return (
    <html lang="en">
      <body className={`myclasses ${poppins.variable}`}>
...

page.tsx

import styles from './styles.module.css'

style.module.css

.menu {
  font-family: var(--poppins-font),sans-serif;
}
  • SSH in Visual Studio Code with KeePass
    SSH in Visual Studio Code with KeePassRemote SSH extension in Visual Studio Code allows you directly edit files on Linux machine and access Linux console from your Windows workstation. For best comfort when you are accessing Remote SSH server from Visual Studio Code use KeePasswith KeeAgent which will works as SSH agent.
  • cs | en