Change font to Poppins

Plugson/www/index.html

@@ -22,6 +22,7 @@
     <link rel="stylesheet" href="static/AdminLTE/css/skins/skin-blue.min.css">
     <link rel="stylesheet" href="static/datatables/dataTables.bootstrap.css">
     <link rel="stylesheet" href="static/css/vtoy.css">
+    <link rel="stylesheet" href="static/css/poppins.css">
     
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@@ -31,7 +32,7 @@
     <![endif]-->
     <style type="text/css">
     * {
-         font-family: 'Arial','Microsoft YaHei','黑体','宋体',sans-serif;
+         font-family: 'Poppins','Microsoft YaHei','黑体','宋体';
      }
     .modal {
         padding-top: 80px;

Plugson/www/static/css/poppins.css

@@ -0,0 +1,161 @@
+/* Poppins 100 Italic */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 100;
+	src: local('Poppins ThinItalic'), url('../fonts/Poppins-ThinItalic.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 100 */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 100;
+	src: local('Poppins Thin'), url('../fonts/Poppins-Thin.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 200 Italic */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 200;
+	src: local('Poppins ExtraLightItalic'), url('../fonts/Poppins-ExtraLightItalic.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 200 */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 200;
+	src: local('Poppins ExtraLight'), url('../fonts/Poppins-ExtraLight.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 300 Italic */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 300;
+	src: local('Poppins LightItalic'), url('../fonts/Poppins-LightItalic.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 300 */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 300;
+	src: local('Poppins Light'), url('../fonts/Poppins-Light.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 400 Italic */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 400;
+	src: local('Poppins Italic'), url('../fonts/Poppins-Italic.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 400 */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 400;
+	src: local('Poppins Regular'), url('../fonts/Poppins-Regular.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 500 Italic */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 500;
+	src: local('Poppins MediumItalic'), url('../fonts/Poppins-MediumItalic.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 500 */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 500;
+	src: local('Poppins Medium'), url('../fonts/Poppins-Medium.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 600 Italic */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 600;
+	src: local('Poppins SemiBoldItalic'), url('../fonts/Poppins-SemiBoldItalic.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 600 */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 600;
+	src: local('Poppins SemiBold'), url('../fonts/Poppins-SemiBold.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 700 Italic */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 700;
+	src: local('Poppins BoldItalic'), url('../fonts/Poppins-BoldItalic.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 700 */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 700;
+	src: local('Poppins Bold'), url('../fonts/Poppins-Bold.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 800 Italic */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 800;
+	src: local('Poppins ExtraBoldItalic'), url('../fonts/Poppins-ExtraBoldItalic.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 800 */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 800;
+	src: local('Poppins ExtraBold'), url('../fonts/Poppins-ExtraBold.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 900 Italic */
+@font-face {
+	font-family: 'Poppins';
+	font-style: italic;
+	font-weight: 900;
+	src: local('Poppins BlackItalic'), url('../fonts/Poppins-BlackItalic.woff2') format('woff2');
+	font-display: swap;
+}
+
+/* Poppins 900 */
+@font-face {
+	font-family: 'Poppins';
+	font-style: normal;
+	font-weight: 900;
+	src: local('Poppins Black'), url('../fonts/Poppins-Black.woff2') format('woff2');
+	font-display: swap;
+}