Windicss added google fontFamily - add all weights (100...900)

[hartmut-co-uk]

Hi, in my slidev project I have extended ./setup/windicss.ts with following fontFamily which is auto-pulled from google fonts as expected.

import { resolve } from 'path'
import { defineWindiSetup } from '@slidev/types'

export default defineWindiSetup(() => ({
  extract: {
    include: [
      resolve(__dirname, '../**/*.{vue,ts}'),
    ],
  },
  theme: {
    extend: {
      fontFamily: {
        scp: ['Source Code Pro'],
        mont: ['Montserrat'],
      },
    },
  },
}))

But as far as I can tell I think it's missing certain font weights.

The documentation mentions

By default, Slidev imports three weights 200,400,600 for each font.

But only a way to configure this via frontmatter, and as far as I understand only for [sans, serif, mono] - but I wasn't able to add any custom fonts to use on-demand (scp: 'Source Code Pro') via frontmatter, that's why I tried via windicss.ts...

Is there any clean / recommended way to do this?

[hartmut-co-uk]

hmm I think manually adding the following, in addition to extending the theme via ./setup/windicss.ts actually does the trick.

<style>
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
</style>