Skip to content

Commit b44b9eb

Browse files
authored
Merge pull request #14 from powdr-labs/host-fonts
2 parents 6690c0f + 6a7ef85 commit b44b9eb

11 files changed

+66
-6
lines changed
Binary file not shown.
Binary file not shown.
Binary file not shown.
7.66 KB
Binary file not shown.
7.57 KB
Binary file not shown.
7.81 KB
Binary file not shown.
7.63 KB
Binary file not shown.
Binary file not shown.

src/pages/_app.tsx

+2
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

-6
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

+64
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)