lux/explore
2
0
Fork 0
mirror of https://github.com/luxfi/explore.git synced 2026-09-24 00:28:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: correct font name from 'Geist Sans' to 'Geist' and add SVG favicon

Browse Source 
Google Fonts registers the font as 'Geist', not 'Geist Sans'. The CSS
font-family mismatch caused the font to never load, falling back to
system sans-serif. Also adds an SVG favicon with the triangle icon
(SVG favicons take priority over PNG/ICO in modern browsers).
This commit is contained in:
zeekay
2026-02-25 11:05:29 -08:00
parent 82213f6b7b
commit 069792ee93
4 changed files with 9 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env.production
+3 -3
View File
@@ -24,9 +24,9 @@ NEXT_PUBLIC_NETWORK_ICON=/logos/lux-logo-white.png
NEXT_PUBLIC_NETWORK_ICON_DARK=/logos/lux-logo-white.png
NEXT_PUBLIC_OG_IMAGE_URL=/logos/lux-logo-white.png
# Font Configuration (Geist Sans)
NEXT_PUBLIC_FONT_FAMILY_HEADING={"name":"Geist Sans","url":"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap"}
NEXT_PUBLIC_FONT_FAMILY_BODY={"name":"Geist Sans","url":"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap"}
# Font Configuration (Geist from Google Fonts, registered as 'Geist' not 'Geist Sans')
NEXT_PUBLIC_FONT_FAMILY_HEADING={"name":"Geist","url":"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap"}
NEXT_PUBLIC_FONT_FAMILY_BODY={"name":"Geist","url":"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap"}
# Theme
NEXT_PUBLIC_COLOR_THEME_DEFAULT=dark
pages/_document.tsx
+1
View File
@@ -60,6 +60,7 @@ class MyDocument extends Document {
) }
{ /* FAVICON */ }
<link rel="icon" type="image/svg+xml" href="/assets/favicon/favicon.svg"/>
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"/>
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="48x48" href="/assets/favicon/favicon-48x48.png"/>
public/assets/favicon/favicon.svg
+3
View File
@@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<path fill="#fff" d="m25 46.65 25-43.3H0z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 115 B

toolkit/theme/foundations/typography.ts
+2 -2
View File
@@ -4,8 +4,8 @@ import type { ExcludeUndefined } from 'types/utils';
import config from 'configs/app';
export const BODY_TYPEFACE = config.UI.fonts.body?.name ?? 'Geist Sans';
export const HEADING_TYPEFACE = config.UI.fonts.heading?.name ?? 'Geist Sans';
export const BODY_TYPEFACE = config.UI.fonts.body?.name ?? 'Geist';
export const HEADING_TYPEFACE = config.UI.fonts.heading?.name ?? 'Geist';
export const fonts: ExcludeUndefined<ThemingConfig['tokens']>['fonts'] = {
heading: { value: `${ HEADING_TYPEFACE }, sans-serif` },