Skip to content

Commit 6a7ef85

Browse files
SchaeffSchaeff
committed
self-host fonts
1 parent 6690c0f commit 6a7ef85

11 files changed

+66
-6
lines changed

‎public/fonts/noto-sans-mono/noto-sans-mono-v30-latin-100.woff2

10.6 KB
Binary file not shown.

‎public/fonts/noto-sans-mono/noto-sans-mono-v30-latin-300.woff2

10.7 KB
Binary file not shown.

‎public/fonts/noto-sans-mono/noto-sans-mono-v30-latin-regular.woff2

10.6 KB
Binary file not shown.

‎public/fonts/poppins/poppins-v21-latin-300.woff2

7.66 KB
Binary file not shown.

‎public/fonts/poppins/poppins-v21-latin-500.woff2

7.57 KB
Binary file not shown.

‎public/fonts/poppins/poppins-v21-latin-600.woff2

7.81 KB
Binary file not shown.

‎public/fonts/poppins/poppins-v21-latin-700.woff2

7.63 KB
Binary file not shown.

‎public/fonts/poppins/poppins-v21-latin-regular.woff2

7.7 KB
Binary file not shown.

‎src/pages/_app.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
import { ChakraProvider, extendTheme } from "@chakra-ui/react";
22
import type { AppProps } from "next/app";
33

4+
import '../styles/fonts.css';
5+
46
const theme = {
57
colors: {
68
dark: "#1C1A44",

‎src/pages/_document.tsx

Lines changed: 0 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,6 @@ export default function Document() {
44
return (
55
<Html lang="en">
66
<Head>
7-
<link rel="preconnect" href="https://fonts.googleapis.com" />
8-
<link rel="preconnect" href="https://fonts.gstatic.com" />
9-
<link
10-
href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100;300;400&family=Poppins:wght@300;400;500;600;700&display=swap"
11-
rel="stylesheet"
12-
/>
137
</Head>
148
<body>
159
<Main />

‎src/styles/fonts.css

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
/* noto-sans-mono-100 - latin */
2+
@font-face {
3+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
4+
font-family: 'Noto Sans Mono';
5+
font-style: normal;
6+
font-weight: 100;
7+
src: url('/fonts/noto-sans-mono/noto-sans-mono-v30-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
8+
}
9+
/* noto-sans-mono-300 - latin */
10+
@font-face {
11+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
12+
font-family: 'Noto Sans Mono';
13+
font-style: normal;
14+
font-weight: 300;
15+
src: url('/fonts/noto-sans-mono/noto-sans-mono-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
16+
}
17+
/* noto-sans-mono-regular - latin */
18+
@font-face {
19+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
20+
font-family: 'Noto Sans Mono';
21+
font-style: normal;
22+
font-weight: 400;
23+
src: url('/fonts/noto-sans-mono/noto-sans-mono-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
24+
}
25+
/* poppins-300 - latin */
26+
@font-face {
27+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
28+
font-family: 'Poppins';
29+
font-style: normal;
30+
font-weight: 300;
31+
src: url('/fonts/poppins/poppins-v21-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
32+
}
33+
/* poppins-regular - latin */
34+
@font-face {
35+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
36+
font-family: 'Poppins';
37+
font-style: normal;
38+
font-weight: 400;
39+
src: url('/fonts/poppins/poppins-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
40+
}
41+
/* poppins-500 - latin */
42+
@font-face {
43+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
44+
font-family: 'Poppins';
45+
font-style: normal;
46+
font-weight: 500;
47+
src: url('/fonts/poppins/poppins-v21-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
48+
}
49+
/* poppins-600 - latin */
50+
@font-face {
51+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
52+
font-family: 'Poppins';
53+
font-style: normal;
54+
font-weight: 600;
55+
src: url('/fonts/poppins/poppins-v21-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
56+
}
57+
/* poppins-700 - latin */
58+
@font-face {
59+
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
60+
font-family: 'Poppins';
61+
font-style: normal;
62+
font-weight: 700;
63+
src: url('/fonts/poppins/poppins-v21-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
64+
}

0 commit comments

Comments
 (0)