添加数字字体

pages/public/login.vue

@@ -4,9 +4,9 @@
 		<!-- 设置白色背景防止软键盘把下部绝对定位元素顶上来盖住输入框等 -->
 		<view class="wrapper">
 			<image style='width:38px;height:38px;margin-bottom:10px;' src='../../static/img/login/logo@2x.png'></image>
-			<h2 class="title">欢迎使用易粮易运</h2>
+			<h2 class="title Semibold">欢迎使用易粮易运</h2>
 			<view style='width:100%;margin-top:50px;border-bottom:1px solid #E8E9ED;padding:10px;' class="flex">
-				<view class="phone-before-num">+86</view>
+				<view class="phone-before-num NumberMedium">+86</view>
 				<view style='width:85%;'><input style='padding-left:10px;' v-model='phone' @input='changephone' placeholder="请输入手机号码" type="number" maxlength="11"></view>
 				<image v-if='phone!=""' @click='phone=""' class='close' src='../../static/img/login/guanbi@2x.png'></image>
 			</view>
@@ -916,9 +916,6 @@
 	}
 	.title{
 		font-size: 46rpx;
-		font-family: PingFangSC-Semibold, PingFang SC;
-		font-weight: 600;
-		color: #333333;
 	}
 	.phone-before-num{
 		font-size: 34rpx;

static/css/common.css

@@ -0,0 +1,23 @@
+/* 文字字体 */
+.Semibold{
+	font-family: PingFangSC-Semibold, PingFang SC;
+	font-weight: 600;
+}
+.Regular{
+	font-family: PingFangSC-Regular, PingFang SC;
+	font-weight: 400;
+}
+.Medium{
+	font-family: PingFangSC-Medium, PingFang SC;
+	font-weight: 500;
+}
+
+/* 数字字体 */
+.NumberBold{
+	font-family: DINPro-Bold, DINPro;
+	font-weight: bold;
+}
+.NumberMedium{
+	font-family: DINPro-Medium, DINPro;
+	font-weight: 500;
+}

static/css/font.css

@@ -9,3 +9,12 @@
 		font-weight: normal;
 	font-style: normal;
 }
+@font-face {
+	font-family: "DINPro";
+	src:url('https://taohaoliang.oss-cn-beijing.aliyuncs.com/app/tmp/DINPro-Bold.ttf'),
+		url('https://taohaoliang.oss-cn-beijing.aliyuncs.com/app/tmp/DINPro-Light.ttf'),
+		url('https://taohaoliang.oss-cn-beijing.aliyuncs.com/app/tmp/DINPro-Medium.ttf');
+		font-weight: normal;
+	font-style: normal;
+}
+