mirror of
https://github.com/supabase/supabase.git
synced 2026-10-09 19:35:06 +03:00
Alaister Young
3d698fb0d8
- Move every static meta/link from pages/_app.tsx's <Head> and
MetaFaviconsPagesRouter into the root route's head() so TanStack
Start emits them via HeadContent. Covers viewport, og:image,
googlebot, msapplication-*, theme-color, 8 apple-touch-icon-
precomposed, 7 PNG favicons, shortcut icon, manifest, and the
IS_PLATFORM API preconnect.
- Drop next/font from the compat path: styles/fonts.css declares the
local CustomFont via @font-face and sets --font-custom /
--font-source-code-pro. Source Code Pro loads from Google Fonts via
a <link> in head(). pages/_app.tsx keeps its next/font setup for
the Next build.
- Add a small DynamicTitle effect so useCustomContent('app:title')
can override the default "Supabase" title at runtime, mirroring
<title>{appTitle ?? 'Supabase'}</title> in _app.tsx.
69 lines
1.7 KiB
CSS
69 lines
1.7 KiB
CSS
/*
|
|
* Font setup for the Vite/TanStack Start build.
|
|
* The Next.js build uses next/font via fonts/index.ts; keep the
|
|
* CSS var names (--font-custom, --font-source-code-pro) in sync so
|
|
* styles that reference them work in both pipelines.
|
|
* Source Code Pro is loaded via a <link> in the root route's head().
|
|
*/
|
|
|
|
@font-face {
|
|
font-family: 'CustomFont';
|
|
src: url('../fonts/CustomFont-Book.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'CustomFont';
|
|
src: url('../fonts/CustomFont-BookItalic.woff2') format('woff2');
|
|
font-weight: 400;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'CustomFont';
|
|
src: url('../fonts/CustomFont-Medium.woff2') format('woff2');
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'CustomFont';
|
|
src: url('../fonts/CustomFont-Bold.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'CustomFont';
|
|
src: url('../fonts/CustomFont-BoldItalic.woff2') format('woff2');
|
|
font-weight: 700;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'CustomFont';
|
|
src: url('../fonts/CustomFont-Black.woff2') format('woff2');
|
|
font-weight: 800;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'CustomFont';
|
|
src: url('../fonts/CustomFont-BlackItalic.woff2') format('woff2');
|
|
font-weight: 800;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
|
|
:root {
|
|
--font-custom: 'CustomFont', Circular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
--font-source-code-pro: 'Source Code Pro', 'Office Code Pro', Menlo, monospace;
|
|
}
|