feat: add custom font transformer

Author: stafyniaksacha

.eslintignore

@@ -1,3 +1,4 @@
 node_modules
 dist
 *.snap
+docs/.vitepress/cache

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 .DS_Store
-dist
+dist
+docs/.vitepress/cache

docs/.vitepress/config.ts

@@ -0,0 +1,45 @@
+import { defineConfig } from 'vitepress'
+import Unfonts from '../../src/vite'
+
+export default defineConfig({
+  base: '/unplugin-fonts/',
+  // site-level options
+  title: 'VitePress',
+  description: 'Just playing around.',
+
+  themeConfig: {
+    // theme-level options
+  },
+
+  vite: {
+    plugins: [
+      Unfonts({
+        google: {
+          families: ['Crimson Pro', 'Open Sans', 'Material+Icons'],
+        },
+
+        custom: {
+          display: 'swap',
+          families: {
+            'Dancing Script': './public/assets/fonts/DancingScript*',
+          },
+        },
+
+        fontsource: {
+          families: [
+            {
+              name: 'ABeeZee',
+              weights: [400],
+              styles: ['italic'],
+            },
+            {
+              name: 'Truculenta',
+              weights: [400, 700],
+              subset: 'latin-ext',
+            },
+          ],
+        },
+      }),
+    ],
+  },
+})

docs/.vitepress/theme/custom.css

@@ -0,0 +1,6 @@
+
+:root {
+  /* --vp-font-family-base: "ABeeZee", sans-serif !important; */
+  /* --vp-font-family-base: "Crimson Pro", sans-serif !important; */
+  --vp-font-family-base: "Dancing Script", sans-serif !important;
+}

docs/.vitepress/theme/index.ts

@@ -0,0 +1,6 @@
+// @ts-expect-error - not typed in vitepress 60
+import DefaultTheme from 'vitepress/theme-without-fonts'
+import './custom.css'
+import 'unfonts.css'
+
+export default DefaultTheme

docs/index.md

@@ -0,0 +1,23 @@
+---
+layout: home
+
+hero:
+  name: VitePress
+  text: Just playing around.
+  tagline: My great project tagline
+  actions:
+    - theme: brand
+      text: Markdown Examples
+      link: /markdown-examples
+    - theme: alt
+      text: API Examples
+      link: /api-examples
+
+features:
+  - title: Feature A
+    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+  - title: Feature B
+    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+  - title: Feature C
+    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+---

docs/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "docs",
+  "private": true,
+  "scripts": {
+    "dev": "vitepress dev",
+    "start": "vitepress dev",
+    "build": "vitepress build",
+    "preview": "vitepress preview"
+  },
+  "devDependencies": {
+    "unplugin-fonts": "workspace:*",
+    "vitepress": "^1.0.0-alpha.60"
+  }
+
+}