archive/rsnext
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use Font Optimization in examples (#39977)

Browse source 
Some examples don't the use the builtin [font-optimization](https://nextjs.org/docs/basic-features/font-optimization) and instead use an `@import` in its CSS.
This commit is contained in:
Hannes Bornö 2022-08-26 20:27:59 +02:00 committed by GitHub
parent 2407ab22b9
commit 27a519ba53
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 90 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
examples/with-clerk/pages/_document.js Normal file
View file

@ -0,0 +1,18 @@
import { Html, Head, Main, NextScript } from 'next/document'
export default function Document() {
return (
<Html>
<Head>
<link
href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap"
rel="stylesheet"
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}

2
examples/with-clerk/styles/globals.css
View file

@ -1,5 +1,3 @@
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600&display=swap');
html,
body {
font-family: 'Source Sans Pro', sans-serif;

18
examples/with-deta-base/pages/_document.js Normal file
View file

@ -0,0 +1,18 @@
import { Html, Head, Main, NextScript } from 'next/document'
export default function Document() {
return (
<Html>
<Head>
<link
href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap"
rel="stylesheet"
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}

4
examples/with-deta-base/pages/index.js
View file

@ -75,10 +75,6 @@ export default function Home() {
<Head>
<title>deta + next.js</title>
<link rel="icon" href="/favicon.ico" />
<link
href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap"
rel="stylesheet"
/>
</Head>
<header className={styles.header}>
<h2>

2
examples/with-gsap/App.scss
View file

@ -1,5 +1,3 @@
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue|Poppins:300,400&display=swap');
.header {
width: 100%;
display: flex;

18
examples/with-gsap/pages/_document.js Normal file
View file

@ -0,0 +1,18 @@
import { Html, Head, Main, NextScript } from 'next/document'
export default function Document() {
return (
<Html>
<Head>
<link
href="https://fonts.googleapis.com/css?family=Bebas+Neue|Poppins:300,400&display=swap"
rel="stylesheet"
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}

2
examples/with-mongodb-mongoose/css/style.css
View file

@ -1,5 +1,3 @@
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
* {
font-family: 'Open Sans', sans-serif;
box-sizing: border-box;

18
examples/with-mongodb-mongoose/pages/_document.js Normal file
View file

@ -0,0 +1,18 @@
import { Html, Head, Main, NextScript } from 'next/document'
export default function Document() {
return (
<Html>
<Head>
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap"
rel="stylesheet"
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}

18
examples/with-react-hook-form/pages/_document.js Normal file
View file

@ -0,0 +1,18 @@
import { Html, Head, Main, NextScript } from 'next/document'
export default function Document() {
return (
<Html>
<Head>
<link
href="https://fonts.googleapis.com/css2?family=Poppins&display=swap"
rel="stylesheet"
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}

2
examples/with-react-hook-form/styles/global.css
View file

@ -1,5 +1,3 @@
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
:root {
--white: #fff;
--light-border: #ccc;