Handle inline SVGs correctly

Munter · Sep 4, 2021 · 7920755 · 7920755
1 parent 7852e82
commit 7920755
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/lib/subsetFonts.js b/lib/subsetFonts.js
@@ -579,8 +579,15 @@ async function subsetFonts(
 
   const memoizedGetCssRulesByProperty = memoizeSync(getCssRulesByProperty);
   const htmlAssets = assetGraph.findAssets({
-    type: { $in: ['Html', 'Svg'] },
-    isInline: false,
+    $or: [
+      {
+        type: 'Html',
+        isInline: false,
+      },
+      {
+        type: 'Svg',
+      },
+    ],
   });
   const traversalRelationQuery = {
     $or: [
@@ -1071,7 +1078,7 @@ These glyphs are used on your site, but they don't exist in the font you applied
     const cssRelation = htmlAsset.addRelation(
       {
         type: `${htmlAsset.type}Style`,
-        hrefType: inlineCss ? 'inline' : hrefType,
+        hrefType: inlineCss || htmlAsset.type === 'Svg' ? 'inline' : hrefType,
         to: cssAsset,
       },
       'before',