fix: split font-family for Firefox (#29)

src/clone-node.ts

@@ -11,6 +11,7 @@ import {
   isStyleElement,
   isTextNode,
   isVideoElement,
+  splitFontFamily,
 } from './utils'
 import { cloneElement } from './clone-element'
 import type { Context } from './context'
@@ -112,11 +113,8 @@ export async function cloneNode<T extends Node>(
 
     copyInputValue(node, cloned)
 
-    diffStyle.get('font-family')?.[0]
-      .split(',')
-      .filter(Boolean)
-      .map(val => val.toLowerCase())
-      .forEach(val => fontFamilies.add(val))
+    splitFontFamily(diffStyle.get('font-family')?.[0])
+      ?.forEach(val => fontFamilies.add(val))
 
     if (!isVideoElement(node)) {
       await cloneChildNodes(node, cloned, context)

src/embed-web-font.ts

@@ -1,6 +1,6 @@
 import { URL_RE, hasCssUrl, replaceCssUrlToDataUrl } from './css-url'
 import { contextFetch } from './fetch'
-import { consoleWarn, isCSSImportRule, isCssFontFaceRule, resolveUrl } from './utils'
+import { consoleWarn, isCSSImportRule, isCssFontFaceRule, resolveUrl, splitFontFamily } from './utils'
 import type { Context } from './context'
 
 export async function embedWebFont<T extends Element>(
@@ -78,11 +78,8 @@ export async function embedWebFont<T extends Element>(
       .filter(cssRule => (
         isCssFontFaceRule(cssRule)
         && hasCssUrl(cssRule.style.getPropertyValue('src'))
-        && cssRule.style.getPropertyValue('font-family')
-          .split(',')
-          .filter(Boolean)
-          .map(val => val.toLowerCase())
-          .some(val => fontFamilies.has(val))
+        && splitFontFamily(cssRule.style.getPropertyValue('font-family'))
+          ?.some(val => fontFamilies.has(val))
       ))
       .forEach((value) => {
         const rule = value as CSSFontFaceRule

src/utils.ts

@@ -300,3 +300,12 @@ export const uuid = (function uuid() {
     return `u${ random() }${ counter }`
   }
 })()
+
+export function splitFontFamily(fontFamily?: string): undefined | string[] {
+  return fontFamily
+    ?.split(',')
+    // Chrome  '__Niconne_7b96fe, __Niconne_Fallback_7b96fe'
+    // Firefox '"__Niconne_7b96fe", "__Niconne_Fallback_7b96fe"'
+    .map(val => val.trim().replace(/"|'/g, '').toLowerCase())
+    .filter(Boolean)
+}