From 3c4303488a2f2270f66908a67f2acf7083a85602 Mon Sep 17 00:00:00 2001
From: limin <limin@finogeeks.com>
Date: Tue, 8 Dec 2020 16:50:29 +0800
Subject: [PATCH] feat: load-font-face

---
 pages/API/load-font-face/load-font-face.js   | 35 ++++++++++++++++++++
 pages/API/load-font-face/load-font-face.json |  3 ++
 pages/API/load-font-face/load-font-face.wxml | 23 +++++++++++++
 pages/API/load-font-face/load-font-face.wxss | 13 ++++++++
 4 files changed, 74 insertions(+)
 create mode 100644 pages/API/load-font-face/load-font-face.js
 create mode 100644 pages/API/load-font-face/load-font-face.json
 create mode 100644 pages/API/load-font-face/load-font-face.wxml
 create mode 100644 pages/API/load-font-face/load-font-face.wxss

diff --git a/pages/API/load-font-face/load-font-face.js b/pages/API/load-font-face/load-font-face.js
new file mode 100644
index 0000000..c819939
--- /dev/null
+++ b/pages/API/load-font-face/load-font-face.js
@@ -0,0 +1,35 @@
+// pages/API/load-font-face/load-font-face.js
+Page({
+  data: {
+    fontFamily: 'Bitstream Vera Serif Bold',
+    loaded: false,
+  },
+
+  onLoad() {
+    this.setData({
+      loaded: false
+    })
+  },
+
+  loadFontFace() {
+    const self = this
+    wx.loadFontFace({
+      family: this.data.fontFamily,
+      source: 'url("https://sungd.github.io/Pacifico.ttf")',
+      success(res) {
+        console.log(res.status)
+        self.setData({loaded: true})
+      },
+      fail(res) {
+        console.log(res.status)
+      },
+      complete(res) {
+        console.log(res.status)
+      }
+    })
+  },
+
+  clear() {
+    this.setData({loaded: false})
+  }
+})
diff --git a/pages/API/load-font-face/load-font-face.json b/pages/API/load-font-face/load-font-face.json
new file mode 100644
index 0000000..4181ec1
--- /dev/null
+++ b/pages/API/load-font-face/load-font-face.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "动态加载字体"
+}
diff --git a/pages/API/load-font-face/load-font-face.wxml b/pages/API/load-font-face/load-font-face.wxml
new file mode 100644
index 0000000..9f26555
--- /dev/null
+++ b/pages/API/load-font-face/load-font-face.wxml
@@ -0,0 +1,23 @@
+<!--pages/API/load-font-face/load-font-face.wxml-->
+<import src="../../common/head.wxml" />
+<import src="../../common/foot.wxml" />
+
+<view class="container">
+  <template is="head" data="{{title: 'loadFontFace'}}"/>
+
+  <view class="page-body">
+    <view class="page-section">
+      <view class="page-body-info display-area {{ loaded ? 'font-loaded' : '' }}">
+        <text wx:if="{{!loaded}}">Load {{ fontFamily }}</text>
+        <text wx:else>{{ fontFamily }} is loaded</text>
+      </view>
+      <view class="btn-area">
+        <button type="primary" bindtap="loadFontFace">加载字体</button>
+        <button type="default" bindtap="clear">清除</button>
+      </view>
+    </view>
+  </view>
+
+  <template is="foot" />
+</view>
+
diff --git a/pages/API/load-font-face/load-font-face.wxss b/pages/API/load-font-face/load-font-face.wxss
new file mode 100644
index 0000000..6ff434a
--- /dev/null
+++ b/pages/API/load-font-face/load-font-face.wxss
@@ -0,0 +1,13 @@
+/* pages/API/load-font-face/load-font-face.wxss */
+.page-body-info {
+  align-items: center;
+  padding: 100px 0;
+}
+
+.font-loaded {
+  font-family: "Bitstream Vera Serif Bold";
+}
+
+.display-area {
+  font-size: 20px;
+}