uno.config.ts

import {
  defineConfig,
  presetAttributify,
  presetIcons,
  presetUno,
  presetWebFonts,
} from 'unocss'

export default defineConfig({
  shortcuts: [],
  presets: [
    presetUno({
      dark: 'class',
    }),
    presetAttributify(),
    presetIcons({
      prefix: 'i-',
      scale: 1.2, // size: 1.2 rem
      extraProperties: {
        'display': 'inline-block',
        'vertical-align': 'middle',
        'min-width': '1.2rem',
      },
    }),
    presetWebFonts({
      fonts: {
        'chakra-petch': ['Chakra Petch'],
        'baloo-2': [
          {
            name: 'Baloo 2',
          },
          {
            name: 'Noto Sans',
          },
          {
            name: 'Roboto',
          },
          {
            name: 'sans-serif',
            provider: 'none',
          },
        ],
        'jura': ['Jura'],
      },
    }),
  ],
})