In the styles we set the default fonts to use Inter Variable:
|
--aw-font-sans: 'Inter Variable'; |
|
--aw-font-serif: 'Inter Variable'; |
|
--aw-font-heading: 'Inter Variable'; |
However, the CSS sets the primary font to string 'var(--aw-font-sans, ui-sans-serif)'
|
'var(--aw-font-sans, ui-sans-serif)', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', |
|
'Segoe UI Symbol', 'Noto Color Emoji'; |
|
--font-serif: 'var(--aw-font-serif, ui-serif)', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif; |
|
--font-heading: 'var(--aw-font-heading, ui-sans-serif)', ui-sans-serif, system-ui, sans-serif; |
Which is obvisly not a valid font name thus the browser always uses a fallback font and e.g. on my machine Chrome ends up using Cantarelle:

It's an easy fix, just remove the ' around the variable references.
In the styles we set the default fonts to use Inter Variable:
astrowind/src/components/CustomStyles.astro
Lines 24 to 26 in 522530a
However, the CSS sets the primary font to string
'var(--aw-font-sans, ui-sans-serif)'astrowind/src/assets/styles/tailwind.css
Lines 17 to 20 in 522530a
Which is obvisly not a valid font name thus the browser always uses a fallback font and e.g. on my machine Chrome ends up using Cantarelle:

It's an easy fix, just remove the
'around the variable references.