Proper way to change font inside presetThemeDefault?

[sandros94]

I noticed that the scss from the presetThemeDefault applies the Inter font:

anu/packages/preset-theme-default/src/scss/index.scss

Lines 9 to 11 in d1e14de

	$body-color: hsla(var(--a-base-c), 0.68);
	$body-font-family: 'Inter', sans-serif;
	$header-font-family: $body-font-family;

anu/packages/preset-theme-default/src/scss/index.scss

Lines 89 to 107 in d1e14de

	body {
	background-color: hsl(var(--a-body-bg-c));
	color: $body-color;
	// Disable mobile tap blue color
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	font-family: $body-font-family;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	color: hsla(var(--a-base-c), 0.87);
	font-family: $header-font-family;
	}

Can I change it from uno.config.ts or should I just overwrite the body and heading styles?

[sandros94]

Oh and the color too. (those .68 and .87)

[jd-solanki]

Hi @sandros94

Thanks for reporting, Actually we were providing SASS file but it looks like we aren't providing it in the latest release.

Moreover, we also have to explore using webfontloader preset. Let's convert this into the issue so I can track and fix it in the next release.

[sandros94]

Ok in the meantime I'm closing this discussion

[jd-solanki]

Oh, great!

Thanks, You must be nice manager 😇