Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

next.js how to add google fonts

// Next.js - Add Google Web Fonts
// Create pages/_document.js

import { Html, Head, Main, NextScript } from 'next/document'

export default function Document() {
  return (
    <Html>
      <Head>
        {/* Google  Web Fonts (Outfit) */}
        <link rel="preconnect" href="https://fonts.googleapis.com" />
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;400;500;600;700;800&display=swap" rel="stylesheet" />
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  )
}
Comment

PREVIOUS NEXT
Code Example
Javascript :: console.clear js 
Javascript :: how to resize react icons 
Javascript :: border bootstrap 
Javascript :: video play on page load 
Javascript :: add dev dependency yarn 
Javascript :: find difference in array of objects javascript 
Javascript :: how to get browser url in javascript 
Javascript :: gettype js 
Javascript :: sh: 1: nodemon: not found heroku 
Javascript :: jest mongoose multiple connections 
Javascript :: javascript center text 
Javascript :: @jsonignore unrecognized field 
Javascript :: max_safe_integer 
Javascript :: react localstorage remove item 
Javascript :: js detect hash change 
Javascript :: To set the text of button using Jquery 
Javascript :: canvas round rectangle 
Javascript :: Check your Homestead.yaml (or Homestead.json) file, the path to your private key does not exist. 
Javascript :: fakepath file show in html page in js 
Javascript :: javascript format date yyyy-mm-dd 
Javascript :: jquery on input 
Javascript :: event listener for element lost focus 
Javascript :: regex char any quantity 
Javascript :: how do i get month and date of javascript in 2 digit format 
Javascript :: js select on change value 
Javascript :: como actualizar node en windows 
Javascript :: how to remove duplicates from array in javascript 
Javascript :: placeholder in angular 9 select with working required 
Javascript :: javascript generate a random integer number in a range of numbers 
Javascript :: how to start json server 
ADD CONTENT
Topic
Content
Source link
Name
3+6 =