fix(directive): fix font load with media

basics · Feb 14, 2022 · e892946 · e892946
1 parent 8d7334f
commit e892946
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/lib/plugins/vFont/directive.js b/lib/plugins/vFont/directive.js
@@ -40,7 +40,13 @@ export default {
 
 async function activateFonts (el, binding, vnode) {
   const fonts = [].concat(binding.value);
-  await Promise.all(fonts.map(font => font.load()));
+
+  await Promise.all(
+    fonts
+      .filter(font => !font.media || global.matchMedia(font.media).matches)
+      .map(font => font.load())
+  );
+
   el.classList.add(CLASS_FONT_ACTIVE);
   vnode.context.fontActive = true;
   vnode.context.$emit('load:font', fonts);