diff --git a/jest-setup.js b/jest-setup.js
new file mode 100755
index 0000000000000000000000000000000000000000..c7546a3c26aeefcf775335f96875890412f3ba94
--- /dev/null
+++ b/jest-setup.js
@@ -0,0 +1,7 @@
+const {
+    toMatchImageSnapshot
+} = require('jest-image-snapshot');
+
+expect.extend({
+    toMatchImageSnapshot
+});
\ No newline at end of file
diff --git a/jest.config.js b/jest.config.js
index 882d3642fc1699f6bc7e6a83120ca8a040d2fdc7..f3dd67c9d447ee3bd768582a2f7e79c1c68b5f9a 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -1,11 +1,10 @@
 module.exports = {
-    testTimeout: 10000,
-    reporters: [
-        'default'
-    ],
-    watchPathIgnorePatterns: ['/node_modules/', '/dist/', '/.git/'],
-    moduleFileExtensions: ['js', 'json'],
-    rootDir: __dirname,
-    testMatch: ["<rootDir>/pages/**/*test.[jt]s?(x)"],
-    testPathIgnorePatterns: ['/node_modules/']
+  testTimeout: 10000,
+  reporters: ['default'],
+  watchPathIgnorePatterns: ['/node_modules/', '/dist/', '/.git/'],
+  moduleFileExtensions: ['js', 'json'],
+  rootDir: __dirname,
+  testMatch: ["<rootDir>/pages/**/*test.[jt]s?(x)"],
+  testPathIgnorePatterns: ['/node_modules/'],
+  setupFilesAfterEnv: ['<rootDir>/jest-setup.js'],
 }
diff --git a/pages.json b/pages.json
index d9caafd2d7bea6a9f4aeb537b68ee748558d7f19..63d508c6c0c7dcc9796909ef8842a3f784c79dad 100644
--- a/pages.json
+++ b/pages.json
@@ -220,6 +220,18 @@
         "navigationBarTitleText": "消息提示框"
       }
     },
+    {
+      "path": "pages/API/load-font-face/load-font-face",
+      "style": {
+        "navigationBarTitleText": "动态加载字体"
+      }
+    },
+    {
+      "path": "pages/API/load-font-face/load-font-face-child",
+      "style": {
+        "navigationBarTitleText": "动态加载字体-子页面"
+      }
+    },
     {
       "path": "pages/API/get-location/get-location",
       "style": {
diff --git a/pages/API/load-font-face/load-font-face-child.test.js b/pages/API/load-font-face/load-font-face-child.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..b55ceffe99f1cb55ff33f977b40c1fd7ef918255
--- /dev/null
+++ b/pages/API/load-font-face/load-font-face-child.test.js
@@ -0,0 +1,12 @@
+const PAGE_PATH = '/pages/API/load-font-face/load-font-face-child'
+
+describe('loadFontFace global', () => {
+  beforeAll(async () => {
+    const page = await program.navigateTo(PAGE_PATH)
+    await page.waitFor(1000)
+  })
+  it('screenshot', async () => {
+    const image = await program.screenshot()
+    expect(image).toMatchImageSnapshot()
+  })
+})
diff --git a/pages/API/load-font-face/load-font-face-child.uvue b/pages/API/load-font-face/load-font-face-child.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..be09983d15f16db5fbe89c537b186a84422f061b
--- /dev/null
+++ b/pages/API/load-font-face/load-font-face-child.uvue
@@ -0,0 +1,29 @@
+<template>
+  <view>
+    <page-head title="loadFontFace-child"></page-head>
+    <view class="uni-padding-wrap">
+      <text class="item" style="font-family: UniFontFamily"
+        >全局加载 font-family: uni.ttf</text
+      >
+      <text class="item" style="font-family: AlimamaDaoLiTiTTF"
+        >font-family: 阿里妈妈刀隶体-ttf</text
+      >
+      <text class="item" style="font-family: AlimamaDaoLiTiOTF"
+        >font-family: 阿里妈妈刀隶体-otf</text
+      >
+      <text class="item" style="font-family: AlimamaDaoLiTiWOFF"
+        >font-family: 阿里妈妈刀隶体-woff</text
+      >
+      <text class="item" style="font-family: AlimamaDaoLiTiWOFF2"
+        >font-family: 阿里妈妈刀隶体-woff2</text
+      >
+    </view>
+  </view>
+</template>
+
+<style>
+.item {
+  font-size: 20px;
+  line-height: 40px;
+}
+</style>
diff --git a/pages/API/load-font-face/load-font-face.test.js b/pages/API/load-font-face/load-font-face.test.js
new file mode 100644
index 0000000000000000000000000000000000000000..b9a0c716f5aeb990233be6c8bf7e48001861576a
--- /dev/null
+++ b/pages/API/load-font-face/load-font-face.test.js
@@ -0,0 +1,12 @@
+const PAGE_PATH = '/pages/API/load-font-face/load-font-face'
+
+describe('loadFontFace', () => {
+  beforeAll(async () => {
+    const page = await program.navigateTo(PAGE_PATH)
+    await page.waitFor(2000)
+  })
+  it('screenshot', async () => {
+    const image = await program.screenshot()
+    expect(image).toMatchImageSnapshot()
+  })
+})
diff --git a/pages/API/load-font-face/load-font-face.uvue b/pages/API/load-font-face/load-font-face.uvue
new file mode 100644
index 0000000000000000000000000000000000000000..0e4d9455a50c3ecb90321a616866733baed2e0cc
--- /dev/null
+++ b/pages/API/load-font-face/load-font-face.uvue
@@ -0,0 +1,96 @@
+<template>
+  <view>
+    <page-head title="loadFontFace"></page-head>
+    <view class="uni-padding-wrap">
+      <text class="item" style="font-family: UniFontFamily"
+        >全局加载 font-family: uni.ttf</text
+      >
+      <text class="item" style="font-family: AlimamaDaoLiTiTTF"
+        >font-family: 阿里妈妈刀隶体-ttf (网络字体下载后生效)</text
+      >
+
+      <text class="item" style="font-family: AlimamaDaoLiTiOTF"
+        >font-family: 阿里妈妈刀隶体-otf</text
+      >
+      <text class="item" style="font-family: AlimamaDaoLiTiWOFF"
+        >font-family: 阿里妈妈刀隶体-woff</text
+      >
+      <text class="item" style="font-family: AlimamaDaoLiTiWOFF2"
+        >font-family: 阿里妈妈刀隶体-woff2</text
+      >
+      <button class="uni-btn" @click="navigateToChild">跳转子页面</button>
+    </view>
+  </view>
+</template>
+<script>
+export default {
+  onLoad() {
+    uni.loadFontFace({
+      global: true,
+      family: 'UniFontFamily',
+      source: '/static/font/uni.ttf',
+      success() {
+        console.log('global loadFontFace uni.ttf success')
+      },
+      fail(error) {
+        console.warn('global loadFontFace uni.ttf fail', error.errMsg)
+      },
+    })
+    uni.loadFontFace({
+      family: 'AlimamaDaoLiTiTTF',
+      source:
+        'https://native-res.dcloud.net.cn/uni-app-x/static/font/AlimamaDaoLiTi.ttf',
+      success() {
+        console.log('loadFontFace AlimamaDaoLiTi.ttf success')
+      },
+      fail(error) {
+        console.warn('loadFontFace AlimamaDaoLiTi.ttf fail', error.errMsg)
+      },
+    })
+    uni.loadFontFace({
+      family: 'AlimamaDaoLiTiOTF',
+      source: '/static/font/AlimamaDaoLiTi.otf',
+      success() {
+        console.log('loadFontFace AlimamaDaoLiTi.otf success')
+      },
+      fail(error) {
+        console.warn('loadFontFace AlimamaDaoLiTi.otf fail', error.errMsg)
+      },
+    })
+    uni.loadFontFace({
+      family: 'AlimamaDaoLiTiWOFF',
+      source: '/static/font/AlimamaDaoLiTi.woff',
+      success() {
+        console.log('loadFontFace AlimamaDaoLiTi.woff success')
+      },
+      fail(error) {
+        console.warn('loadFontFace AlimamaDaoLiTi.woff fail', error.errMsg)
+      },
+    })
+    uni.loadFontFace({
+      family: 'AlimamaDaoLiTiWOFF2',
+      source: '/static/font/AlimamaDaoLiTi.woff2',
+      success() {
+        console.log('loadFontFace AlimamaDaoLiTi.woff2 success')
+      },
+      fail(error) {
+        console.warn('loadFontFace AlimamaDaoLiTi.woff2 fail', error.errMsg)
+      },
+    })
+  },
+  methods: {
+    navigateToChild() {
+      uni.navigateTo({
+        url: '/pages/API/load-font-face/load-font-face-child',
+      })
+    },
+  },
+}
+</script>
+
+<style>
+.item {
+  font-size: 20px;
+  line-height: 40px;
+}
+</style>
diff --git a/pages/CSS/text/font-family.uvue b/pages/CSS/text/font-family.uvue
index 1938f16e9eb828acc3027336240acbe27eb09661..7241c422a972e53c29ccf978cd9e3900ed628aff 100644
--- a/pages/CSS/text/font-family.uvue
+++ b/pages/CSS/text/font-family.uvue
@@ -1,5 +1,5 @@
 <template>
-  <view>
+  <view class="uni-padding-wrap">
     <text class="common" style="font-family: monospace"
       >font-family: monospace</text
     >
diff --git a/pages/tabBar/API.uvue b/pages/tabBar/API.uvue
index 7db2676d65f8ed2a9f1afe35c5f0a67ee7bb2175..be35e2eae1b4dbd1c97e29e3999b980abf514a84 100644
--- a/pages/tabBar/API.uvue
+++ b/pages/tabBar/API.uvue
@@ -140,7 +140,11 @@
 				        {
 				            name: "显示消息提示框",
 				            url: "toast",
-				        },
+                        },
+                        {
+                            name: "动态加载字体",
+                            url: "load-font-face",
+                        },
 				    ] as Page[],
 				},
                 {
diff --git a/static/font/uni.ttf b/static/font/uni.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..60a1968d08cc6056c70b5402b2effac43c6f96a3
Binary files /dev/null and b/static/font/uni.ttf differ