diff --git a/public/fonts/inter-v19-latin-100.woff2 b/public/fonts/inter-v19-latin-100.woff2 new file mode 100644 index 00000000..fbcfb9e5 Binary files /dev/null and b/public/fonts/inter-v19-latin-100.woff2 differ diff --git a/public/fonts/inter-v19-latin-100italic.woff2 b/public/fonts/inter-v19-latin-100italic.woff2 new file mode 100644 index 00000000..8427f110 Binary files /dev/null and b/public/fonts/inter-v19-latin-100italic.woff2 differ diff --git a/public/fonts/inter-v19-latin-200.woff2 b/public/fonts/inter-v19-latin-200.woff2 new file mode 100644 index 00000000..37267dfe Binary files /dev/null and b/public/fonts/inter-v19-latin-200.woff2 differ diff --git a/public/fonts/inter-v19-latin-200italic.woff2 b/public/fonts/inter-v19-latin-200italic.woff2 new file mode 100644 index 00000000..cb15f8db Binary files /dev/null and b/public/fonts/inter-v19-latin-200italic.woff2 differ diff --git a/public/fonts/inter-v19-latin-300.woff2 b/public/fonts/inter-v19-latin-300.woff2 new file mode 100644 index 00000000..ece952cf Binary files /dev/null and b/public/fonts/inter-v19-latin-300.woff2 differ diff --git a/public/fonts/inter-v19-latin-300italic.woff2 b/public/fonts/inter-v19-latin-300italic.woff2 new file mode 100644 index 00000000..dd92d3b0 Binary files /dev/null and b/public/fonts/inter-v19-latin-300italic.woff2 differ diff --git a/public/fonts/inter-v19-latin-500.woff2 b/public/fonts/inter-v19-latin-500.woff2 new file mode 100644 index 00000000..54f0a595 Binary files /dev/null and b/public/fonts/inter-v19-latin-500.woff2 differ diff --git a/public/fonts/inter-v19-latin-500italic.woff2 b/public/fonts/inter-v19-latin-500italic.woff2 new file mode 100644 index 00000000..f4f25da5 Binary files /dev/null and b/public/fonts/inter-v19-latin-500italic.woff2 differ diff --git a/public/fonts/inter-v19-latin-600.woff2 b/public/fonts/inter-v19-latin-600.woff2 new file mode 100644 index 00000000..d1897949 Binary files /dev/null and b/public/fonts/inter-v19-latin-600.woff2 differ diff --git a/public/fonts/inter-v19-latin-600italic.woff2 b/public/fonts/inter-v19-latin-600italic.woff2 new file mode 100644 index 00000000..e882c782 Binary files /dev/null and b/public/fonts/inter-v19-latin-600italic.woff2 differ diff --git a/public/fonts/inter-v19-latin-700.woff2 b/public/fonts/inter-v19-latin-700.woff2 new file mode 100644 index 00000000..48fa217d Binary files /dev/null and b/public/fonts/inter-v19-latin-700.woff2 differ diff --git a/public/fonts/inter-v19-latin-700italic.woff2 b/public/fonts/inter-v19-latin-700italic.woff2 new file mode 100644 index 00000000..b6a7cad1 Binary files /dev/null and b/public/fonts/inter-v19-latin-700italic.woff2 differ diff --git a/public/fonts/inter-v19-latin-800.woff2 b/public/fonts/inter-v19-latin-800.woff2 new file mode 100644 index 00000000..74a16d45 Binary files /dev/null and b/public/fonts/inter-v19-latin-800.woff2 differ diff --git a/public/fonts/inter-v19-latin-800italic.woff2 b/public/fonts/inter-v19-latin-800italic.woff2 new file mode 100644 index 00000000..e98fa7e5 Binary files /dev/null and b/public/fonts/inter-v19-latin-800italic.woff2 differ diff --git a/public/fonts/inter-v19-latin-900.woff2 b/public/fonts/inter-v19-latin-900.woff2 new file mode 100644 index 00000000..4db8333c Binary files /dev/null and b/public/fonts/inter-v19-latin-900.woff2 differ diff --git a/public/fonts/inter-v19-latin-900italic.woff2 b/public/fonts/inter-v19-latin-900italic.woff2 new file mode 100644 index 00000000..291eafc9 Binary files /dev/null and b/public/fonts/inter-v19-latin-900italic.woff2 differ diff --git a/public/fonts/inter-v19-latin-italic.woff2 b/public/fonts/inter-v19-latin-italic.woff2 new file mode 100644 index 00000000..9e98286f Binary files /dev/null and b/public/fonts/inter-v19-latin-italic.woff2 differ diff --git a/public/fonts/inter-v19-latin-regular.woff2 b/public/fonts/inter-v19-latin-regular.woff2 new file mode 100644 index 00000000..f15b025d Binary files /dev/null and b/public/fonts/inter-v19-latin-regular.woff2 differ diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx index ebf099c0..c91248e1 100644 --- a/src/routes/__root.tsx +++ b/src/routes/__root.tsx @@ -71,11 +71,33 @@ export const Route = createRootRouteWithContext<{ }, { rel: 'manifest', href: '/site.webmanifest', color: '#fffff' }, { rel: 'icon', href: '/favicon.ico' }, - { rel: 'preconnect', href: 'https://fonts.googleapis.com' }, - { rel: 'preconnect', href: 'https://fonts.gstatic.com', crossOrigin: '' }, { - rel: 'stylesheet', - href: 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap', + rel: 'preload', + href: '/fonts/inter-v19-latin-regular.woff2', + as: 'font', + type: 'font/woff2', + crossOrigin: '', + }, + { + rel: 'preload', + href: '/fonts/inter-v19-latin-700.woff2', + as: 'font', + type: 'font/woff2', + crossOrigin: '', + }, + { + rel: 'preload', + href: '/fonts/inter-v19-latin-800.woff2', + as: 'font', + type: 'font/woff2', + crossOrigin: '', + }, + { + rel: 'preload', + href: '/fonts/inter-v19-latin-900.woff2', + as: 'font', + type: 'font/woff2', + crossOrigin: '', }, ], scripts: [ diff --git a/src/styles/app.css b/src/styles/app.css index cd294e51..68d28296 100644 --- a/src/styles/app.css +++ b/src/styles/app.css @@ -531,3 +531,147 @@ mark { /* svg g[aria-label='crosshair text'] { stroke: none; } */ + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: normal; + font-weight: 100; + src: url('/fonts/inter-v19-latin-100.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: italic; + font-weight: 100; + src: url('/fonts/inter-v19-latin-100italic.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: normal; + font-weight: 200; + src: url('/fonts/inter-v19-latin-200.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: italic; + font-weight: 200; + src: url('/fonts/inter-v19-latin-200italic.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: normal; + font-weight: 300; + src: url('/fonts/inter-v19-latin-300.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: italic; + font-weight: 300; + src: url('/fonts/inter-v19-latin-300italic.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: normal; + font-weight: 400; + src: url('/fonts/inter-v19-latin-regular.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: italic; + font-weight: 400; + src: url('/fonts/inter-v19-latin-italic.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: normal; + font-weight: 500; + src: url('/fonts/inter-v19-latin-500.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: italic; + font-weight: 500; + src: url('/fonts/inter-v19-latin-500italic.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: normal; + font-weight: 600; + src: url('/fonts/inter-v19-latin-600.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: italic; + font-weight: 600; + src: url('/fonts/inter-v19-latin-600italic.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: normal; + font-weight: 700; + src: url('/fonts/inter-v19-latin-700.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: italic; + font-weight: 700; + src: url('/fonts/inter-v19-latin-700italic.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: normal; + font-weight: 800; + src: url('/fonts/inter-v19-latin-800.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: italic; + font-weight: 800; + src: url('/fonts/inter-v19-latin-800italic.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: normal; + font-weight: 900; + src: url('/fonts/inter-v19-latin-900.woff2') format('woff2'); +} + +@font-face { + font-display: swap; + font-family: 'Inter'; + font-style: italic; + font-weight: 900; + src: url('/fonts/inter-v19-latin-900italic.woff2') format('woff2'); +}