feat: v3-app 和 h5 支持 uni.loadFontFace

src/core/helpers/protocol/ui/load-font-face.js

+export const loadFontFace = {
+  family: {
+    type: String,
+    required: true
+  },
+  source: {
+    type: String,
+    required: true
+  },
+  desc: {
+    type: Object,
+    required: false
+  },
+  success: {
+    type: Function,
+    required: false
+  },
+  fail: {
+    type: Function,
+    required: false
+  },
+  complete: {
+    type: Function,
+    required: false
+  }
+}

src/core/service/api/ui/load-font-face.js

+import {
+  invoke
+} from 'uni-core/service/bridge'
+
+import {
+  getCurrentPageId
+} from '../../platform'
+
+UniServiceJSBridge.subscribe('onLoadFontFaceCallback', ({
+  callbackId,
+  data
+}) => {
+  invoke(callbackId, data)
+})
+
+export function loadFontFace (options, callbackId) {
+  const pageId = getCurrentPageId()
+  if (!pageId) {
+    return {
+      errMsg: 'loadFontFace:fail not font page'
+    }
+  }
+  UniServiceJSBridge.publishHandler('loadFontFace', {
+    options,
+    callbackId
+  }, pageId)
+}

src/core/view/bridge/subscribe/font.js

+export function loadFontFace ({
+  options,
+  callbackId
+}) {
+  const { family, source, desc = {} } = options
+  const fonts = document.fonts
+  if (fonts) {
+    const fontFace = new FontFace(family, source, desc)
+    fontFace
+      .load()
+      .then(() => {
+        fonts.add(fontFace)
+        UniViewJSBridge.publishHandler('onLoadFontFaceCallback', {
+          callbackId,
+          data: {
+            errMsg: `loadFontFace:ok`
+          }
+        })
+      })
+      .catch(error => {
+        UniViewJSBridge.publishHandler('onLoadFontFaceCallback', {
+          callbackId,
+          data: {
+            errMsg: `loadFontFace:fail ${error}`
+          }
+        })
+      })
+  } else {
+    var style = document.createElement('style')
+    style.innerText = `@font-face{font-family:"${family}";src:${source};font-style:${desc.style};font-weight:${desc.weight};font-stretch:${desc.stretch};unicode-range:${desc.unicodeRange};font-variant:${desc.variant};font-feature-settings:${desc.featureSettings};}`
+    document.head.appendChild(style)
+    UniViewJSBridge.publishHandler('onLoadFontFaceCallback', {
+      callbackId,
+      data: {
+        errMsg: `loadFontFace:ok`
+      }
+    })
+  }
+}

src/core/view/bridge/subscribe/index.js

@@ -3,6 +3,9 @@ import subscribeApis from 'uni-api-subscribe'
 import {
   pageScrollTo
 } from './scroll'
+import {
+  loadFontFace
+} from './font'
 
 import initPlatformSubscribe from 'uni-platform/view/bridge/subscribe'
 
@@ -12,6 +15,7 @@ export default function initSubscribe (subscribe) {
   })
 
   subscribe('pageScrollTo', pageScrollTo)
+  subscribe('loadFontFace', loadFontFace)
 
   initPlatformSubscribe(subscribe)
-}
+}

src/platforms/h5/helpers/todo-api.js

@@ -47,7 +47,6 @@ export default [
   'stopBeaconDiscovery',
   'setBackgroundColor',
   'setBackgroundTextStyle',
-  'loadFontFace',
   'getProvider',
   'login',
   'checkSession',