zero-knowledge file sharing
preload font locally
+16
-6
-3
web/bun.lock
-3
web/bun.lock
···
5
5
"": {
6
6
"name": "drop-web",
7
7
"dependencies": {
8
-
"@fontsource-variable/bricolage-grotesque": "^5.2.10",
9
8
"solid-js": "^1.9.12",
10
9
},
11
10
"devDependencies": {
···
59
58
"@emnapi/runtime": ["@emnapi/runtime@1.9.2", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw=="],
60
59
61
60
"@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.2.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w=="],
62
-
63
-
"@fontsource-variable/bricolage-grotesque": ["@fontsource-variable/bricolage-grotesque@5.2.10", "", {}, "sha512-5EDsCqgGpKVcJWE4sg9ydli+t5WM97mISYw5lla/Ev4z71FwXh1oN0YUU8xjkRW9+wBCGD9R+ntAvI8G4bUFJg=="],
64
61
65
62
"@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
66
63
+7
web/index.html
+7
web/index.html
···
5
5
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
6
6
<title>drop</title>
7
7
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
8
+
<link
9
+
rel="preload"
10
+
href="/fonts/bricolage-grotesque.woff2"
11
+
as="font"
12
+
type="font/woff2"
13
+
crossorigin
14
+
/>
8
15
</head>
9
16
<body id="root" class="bg-bg">
10
17
<script type="module" src="/src/index.tsx"></script>
-1
web/package.json
-1
web/package.json
web/public/fonts/bricolage-grotesque.woff2
web/public/fonts/bricolage-grotesque.woff2
This is a binary file and will not be displayed.
-1
web/src/index.tsx
-1
web/src/index.tsx
+9
-1
web/src/styles.css
+9
-1
web/src/styles.css
···
1
1
@import "tailwindcss";
2
2
3
+
@font-face {
4
+
font-family: "Bricolage Grotesque";
5
+
font-style: normal;
6
+
font-weight: 200 800;
7
+
font-display: block;
8
+
src: url("/fonts/bricolage-grotesque.woff2") format("woff2-variations");
9
+
}
10
+
3
11
@theme {
4
12
--font-mono: "SF Mono", "Cascadia Code", "Fira Code", Consolas, monospace;
5
-
--font-sans: "Bricolage Grotesque Variable", sans-serif;
13
+
--font-sans: "Bricolage Grotesque", sans-serif;
6
14
7
15
--color-bg: var(--c-bg);
8
16
--color-surface: var(--c-surface);