feat: support custom webfonts

slidevjs · Jun 6, 2021 · d4c5bad · d4c5bad
1 parent 8bb65a9
commit d4c5bad
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/packages/parser/src/core.ts b/packages/parser/src/core.ts
@@ -160,12 +160,13 @@ function resolveFonts(fonts: FontOptions = {}): ResolvedFontOptions {
   let sans = toArray(fonts.sans).flatMap(i => i.split(/,\s*/g)).map(i => i.trim())
   let serif = toArray(fonts.serif).flatMap(i => i.split(/,\s*/g)).map(i => i.trim())
   let mono = toArray(fonts.mono).flatMap(i => i.split(/,\s*/g)).map(i => i.trim())
+  const custom = toArray(fonts.custom).flatMap(i => i.split(/,\s*/g)).map(i => i.trim())
 
   const local = toArray(fonts.local).flatMap(i => i.split(/,\s*/g)).map(i => i.trim())
   const webfonts = fonts.webfonts
     ? fonts.webfonts
     : fallbacks
-      ? uniq([...sans, ...serif, ...mono])
+      ? uniq([...sans, ...serif, ...mono, ...custom])
       : []
 
   webfonts.filter(i => local.includes(i))

diff --git a/packages/types/src/types.ts b/packages/types/src/types.ts
@@ -36,9 +36,23 @@ export interface SlidevThemeMeta {
 export type SlidevThemeConfig = Record<string, string | number>
 
 export type FontOptions = {
+  /**
+   * Sans serif fonts (default fonts for most text)
+   */
   sans?: string | string[]
-  mono?: string | string[]
+  /**
+   * Serif fonts
+   */
   serif?: string | string[]
+  /**
+   * Monospace fonts, for code blocks and etc.
+   */
+  mono?: string | string[]
+  /**
+   * Load webfonts for custom CSS (does not apply anywhere by default)
+   */
+  custom?: string | string[]
+
   /**
    * @default 'google'
    */