fix(nuxt3): use web fonts

LarchLiu · May 17, 2023 · f693dfb · f693dfb · vercel · May 17, 2023
1 parent 38c2eee
commit f693dfb
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 18 deletions.
diff --git a/server/nuxt3/nuxt.config.ts b/server/nuxt3/nuxt.config.ts
@@ -32,12 +32,12 @@ export default defineNuxtConfig({
     //   baseName: 'fonts',
     //   dir: './assets/fonts', // Relative to `srcDir` (`server/` for nuxt)
     // }],
-    storage: {
-      fs: {
-        driver: 'fs',
-        base: './server/assets/fonts',
-      },
-    },
+    // storage: {
+    //   fs: {
+    //     driver: 'fs',
+    //     base: './server/assets/fonts',
+    //   },
+    // },
     esbuild: {
       options: {
         target: 'esnext',

diff --git a/server/nuxt3/server/utils/webCard/font.ts b/server/nuxt3/server/utils/webCard/font.ts
@@ -1,5 +1,3 @@
-import { join, resolve } from 'node:path'
-import { promises as fsPromises } from 'node:fs'
 import { $fetch } from 'ofetch'
 import type { SatoriOptions } from 'satori'
 import type { apis } from './twemoji'
@@ -315,20 +313,20 @@ export async function initBasicFonts() {
     return basicFonts
 
   // https://unpkg.com/browse/@fontsource/inter@4.5.2/files/
-  // const interRegular = await $fetch('https://unpkg.com/@fontsource/inter@4.5.2/files/inter-all-400-normal.woff', { responseType: 'arrayBuffer' })
-  // const InterBold = await $fetch('https://unpkg.com/@fontsource/inter@4.5.2/files/inter-all-700-normal.woff', { responseType: 'arrayBuffer' })
+  const InterRegular = await $fetch('https://unpkg.com/@fontsource/inter@4.5.2/files/inter-all-400-normal.woff', { responseType: 'arrayBuffer' })
+  const InterBold = await $fetch('https://unpkg.com/@fontsource/inter@4.5.2/files/inter-all-700-normal.woff', { responseType: 'arrayBuffer' })
   // const notoScRegular = await $fetch('https://unpkg.com/@fontsource/noto-sans-sc@4.5.12/files/noto-sans-sc-chinese-simplified-400-normal.woff', { responseType: 'arrayBuffer' })
-  const base = resolve('./server/assets/fonts')
-  const r = (key: string) => {
-    const resolved = join(resolve(base), key)
-    return resolved
-  }
-  // const InterRegular = await useStorage('fs').getItemRaw('Inter-Regular.ttf')
+  // const base = resolve('./server/assets/fonts')
+  // const r = (key: string) => {
+  //   const resolved = join(resolve(base), key)
+  //   return resolved
+  // }
+  // const InterRegular = await useStorage('assets:fonts').getItemRaw('Inter-Regular.ttf')
   // const InterBold = await useStorage('fs').getItemRaw('test.json')
   // const NotoSansSC = await useStorage('assets:fonts').getItem('NotoSansSC-Regular.otf')
 
-  const InterRegular = await fsPromises.readFile(r('Inter-Regular.ttf'))
-  const InterBold = await fsPromises.readFile(r('Inter-Bold.ttf'))
+  // const InterRegular = await fsPromises.readFile(r('Inter-Regular.ttf'))
+  // const InterBold = await fsPromises.readFile(r('Inter-Bold.ttf'))
   // const NotoSansSC = await fsPromises.readFile(r('NotoSansSC-Regular.otf'))
   // const NotoEmoji = await fsPromises.readFile(r('NotoColorEmoji-Regular.ttf'))