fix: add display: 'swap' for fonts (shadcn-ui#21)

ctate · Jan 27, 2023 · 636c7af · 636c7af
1 parent f4b9344
commit 636c7af
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/apps/www/app/layout.tsx b/apps/www/app/layout.tsx
@@ -11,6 +11,7 @@ import { ThemeProvider } from "@/components/theme-provider"
 const fontSans = FontSans({
   subsets: ["latin"],
   variable: "--font-sans",
+  display: 'swap',
 })
 
 interface RootLayoutProps {

diff --git a/apps/www/components/fonts.tsx b/apps/www/components/fonts.tsx
@@ -8,11 +8,13 @@ import {
 const fontSans = FontSans({
   subsets: ["latin"],
   variable: "--font-sans",
+  display: 'swap',
 })
 
 const fontMono = FontMono({
   subsets: ["latin"],
   variable: "--font-mono",
+  display: 'swap',
 })
 
 export function Fonts() {

diff --git a/templates/next-template/pages/_app.tsx b/templates/next-template/pages/_app.tsx
@@ -7,6 +7,7 @@ import "@/styles/globals.css"
 const fontSans = FontSans({
   subsets: ["latin"],
   variable: "--font-sans",
+  display: 'swap',
 })
 
 export default function App({ Component, pageProps }: AppProps) {