this repo has no description
Self-host Google Fonts (Inter + Cormorant Garamond)
Replace external Google Fonts CDN dependency with locally served
woff2 files. Eliminates third-party requests, removes DNS/connection
overhead, and avoids GDPR tracking concerns. Latin and latin-ext
subsets only — ~565KB total.
+94
-6
web/public/fonts/cormorant-garamond-latin-ext-italic.woff2
web/public/fonts/cormorant-garamond-latin-ext-italic.woff2
This is a binary file and will not be displayed.
web/public/fonts/cormorant-garamond-latin-ext-normal.woff2
web/public/fonts/cormorant-garamond-latin-ext-normal.woff2
This is a binary file and will not be displayed.
web/public/fonts/cormorant-garamond-latin-italic.woff2
web/public/fonts/cormorant-garamond-latin-italic.woff2
This is a binary file and will not be displayed.
web/public/fonts/cormorant-garamond-latin-normal.woff2
web/public/fonts/cormorant-garamond-latin-normal.woff2
This is a binary file and will not be displayed.
web/public/fonts/inter-latin-ext-italic.woff2
web/public/fonts/inter-latin-ext-italic.woff2
This is a binary file and will not be displayed.
web/public/fonts/inter-latin-ext-normal.woff2
web/public/fonts/inter-latin-ext-normal.woff2
This is a binary file and will not be displayed.
web/public/fonts/inter-latin-italic.woff2
web/public/fonts/inter-latin-italic.woff2
This is a binary file and will not be displayed.
web/public/fonts/inter-latin-normal.woff2
web/public/fonts/inter-latin-normal.woff2
This is a binary file and will not be displayed.
+94
web/src/index.css
+94
web/src/index.css
···
1
1
@import "tailwindcss";
2
2
@plugin "daisyui";
3
3
4
+
/* ─── Self-hosted fonts ──────────────────────────────────────────────────── */
5
+
6
+
@font-face {
7
+
font-family: "Cormorant Garamond";
8
+
font-style: normal;
9
+
font-weight: 300 600;
10
+
font-display: swap;
11
+
src: url("/fonts/cormorant-garamond-latin-normal.woff2") format("woff2");
12
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
13
+
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
14
+
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
15
+
}
16
+
17
+
@font-face {
18
+
font-family: "Cormorant Garamond";
19
+
font-style: normal;
20
+
font-weight: 300 600;
21
+
font-display: swap;
22
+
src: url("/fonts/cormorant-garamond-latin-ext-normal.woff2") format("woff2");
23
+
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
24
+
U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
25
+
U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
26
+
U+A720-A7FF;
27
+
}
28
+
29
+
@font-face {
30
+
font-family: "Cormorant Garamond";
31
+
font-style: italic;
32
+
font-weight: 300 600;
33
+
font-display: swap;
34
+
src: url("/fonts/cormorant-garamond-latin-italic.woff2") format("woff2");
35
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
36
+
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
37
+
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
38
+
}
39
+
40
+
@font-face {
41
+
font-family: "Cormorant Garamond";
42
+
font-style: italic;
43
+
font-weight: 300 600;
44
+
font-display: swap;
45
+
src: url("/fonts/cormorant-garamond-latin-ext-italic.woff2") format("woff2");
46
+
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
47
+
U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
48
+
U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
49
+
U+A720-A7FF;
50
+
}
51
+
52
+
@font-face {
53
+
font-family: "Inter";
54
+
font-style: normal;
55
+
font-weight: 300 600;
56
+
font-display: swap;
57
+
src: url("/fonts/inter-latin-normal.woff2") format("woff2");
58
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
59
+
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
60
+
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
61
+
}
62
+
63
+
@font-face {
64
+
font-family: "Inter";
65
+
font-style: normal;
66
+
font-weight: 300 600;
67
+
font-display: swap;
68
+
src: url("/fonts/inter-latin-ext-normal.woff2") format("woff2");
69
+
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
70
+
U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
71
+
U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
72
+
U+A720-A7FF;
73
+
}
74
+
75
+
@font-face {
76
+
font-family: "Inter";
77
+
font-style: italic;
78
+
font-weight: 300 400;
79
+
font-display: swap;
80
+
src: url("/fonts/inter-latin-italic.woff2") format("woff2");
81
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
82
+
U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
83
+
U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
84
+
}
85
+
86
+
@font-face {
87
+
font-family: "Inter";
88
+
font-style: italic;
89
+
font-weight: 300 400;
90
+
font-display: swap;
91
+
src: url("/fonts/inter-latin-ext-italic.woff2") format("woff2");
92
+
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
93
+
U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
94
+
U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
95
+
U+A720-A7FF;
96
+
}
97
+
4
98
/* ─── Opake theme ─────────────────────────────────────────────────────────── */
5
99
6
100
@plugin "daisyui/theme" {
-6
web/src/routes/__root.tsx
-6
web/src/routes/__root.tsx
···
19
19
<head>
20
20
<meta charSet="UTF-8" />
21
21
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
22
-
<link rel="preconnect" href="https://fonts.googleapis.com" />
23
-
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
24
-
<link
25
-
href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;1,14..32,300;1,14..32,400&display=swap"
26
-
rel="stylesheet"
27
-
/>
28
22
<link rel="stylesheet" href={css} />
29
23
<HeadContent />
30
24
</head>