import Document , { Html , Head , Main , NextScript } from 'next/document' ; class MyDocument extends Document { render ( ) { return ( < Html lang = "en" > < Head > < link rel = "dns-prefetch" href = "https://fonts.googleapis.com" / > { } < link rel = "stylesheet" href = "https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" / > < link href = "/favicon.ico" rel = "shortcut icon" / > < link rel = "apple-touch-icon" sizes = "180x180" href = "/apple-touch-icon.png" / > < link rel = "icon" type = "image/png" sizes = "32x32" href = "/favicon-32x32.png" / > < link rel = "icon" type = "image/png" sizes = "16x16" href = "/favicon-16x16.png" / > < link href = "/site.webmanifest" rel = "manifest" / > < link rel = "preconnect" href = "https://fonts.gstatic.com/" crossOrigin = "" / > < link href = "/apple-touch-icon.png" rel = "apple-touch-icon" sizes = "180x180" / > < link href = "/favicon-32x32.png" rel = "icon" sizes = "32x32" type = "image/png" / > < link href = "/favicon-16x16.png" rel = "icon" sizes = "16x16" type = "image/png" / > < link color = "#4a9885" href = "/safari-pinned-tab.svg" rel = "mask-icon" / > < meta content = "IE=edge" httpEquiv = "X-UA-Compatible" / > < meta content = "#ffffff" name = "theme-color" / > < meta content = "#ffffff" name = "msapplication-TileColor" / > < meta content = "/browserconfig.xml" name = "msapplication-config" / > < /Head> < body className = "font-sans antialiased" > < Main /> < NextScript / > < /body> < /Html>); } } export default MyDocument ;