更换字体 & 完善加载动画

css/font.css

@@ -5,13 +5,19 @@
 
 @font-face {
     font-family: "UnidreamLED";
-    src: url('https://s-bj-2127-file.oss.dogecdn.com/font/UnidreamLED.ttf') format('truetype');
+    src: url('../font/UnidreamLED.ttf') format('truetype');
 }
-
+/*
 @font-face {
     font-family: "PingFangSC";
-    src: url('https://s-bj-2127-file.oss.dogecdn.com/font/PingFangSC.woff2') format('woff2');
+    src: url('../font/PingFangSC.woff2') format('woff2');
 }
+*/
+@font-face {
+    font-family: "MiSans";
+    src: url('https://cdn.jsdelivr.net/gh/imsyy/file@master/font/MiSans-Regular.woff') format('woff');
+}
+
 
 @font-face {
     font-family: "iconfont";

css/style.css

@@ -17,7 +17,7 @@ p {
     transition: 0.3s;
     color: #efefef;
     user-select: none;
-    font-family: 'PingFangSC';
+    font-family: 'MiSans';
 }
 
 a:hover {
@@ -140,10 +140,10 @@ span.img-text {
     justify-content: space-between;
 }
 
-p.des-title {
+.des-title {
     margin: 1rem 1rem;
     line-height: 2rem;
-    font-size: 1.10rem;
+    /*font-size: 1.10rem;*/
 }
 
 span#change {
@@ -203,7 +203,7 @@ i.iconfont.icon-yinhao-copy {
 }
 
 .hitokoto-text {
-    font-size: 1.2rem;
+    font-size: 1.10rem;
 }
 
 .hitokoto-from {
@@ -293,7 +293,7 @@ i#next {
 }
 
 .music-text {
-    font-size: 1.15rem;
+    font-size: 1.10rem;
     text-overflow: ellipsis;
     max-width: 220px;
     overflow-x: hidden;
@@ -344,18 +344,18 @@ span.time-text {
 .line {
     margin: 1rem 0.25rem;
     margin-top: 2rem;
-    font-size: 1.2rem;
+    font-size: 1.10rem;
     display: flex;
     align-items: center;
 }
 
 span.line-text {
-    font-size: 1.35rem;
+    font-size: 1.2rem;
     margin: 0px 6px;
 }
 
 i.iconfont.icon-link {
-    font-size: 1.4rem;
+    font-size: 1.2rem;
 }
 
 /*链接卡片*/
@@ -382,11 +382,11 @@ i.iconfont.icon-link {
 }
 
 span.link-name {
-    font-size: 1.2rem;
+    font-size: 1.1rem;
 }
 
 .link-card:hover span.link-name {
-    font-size: 1.25rem;
+    font-size: 1.15rem;
 }
 
 /*更多页面*/
@@ -508,7 +508,7 @@ span.link-name {
     display: flex;
     flex-direction: column;
     line-height: 40px;
-    font-size: 1.25rem;
+    font-size: 1.10rem;
 }
 
 .closebox {
@@ -629,7 +629,7 @@ footer {
 
 .lrc-show {
     /*播放音乐时底栏歌词*/
-    font-size: 1.15rem;
+    font-size: 1.10rem;
 }
 
 /*弹窗样式*/

index.html

@@ -65,7 +65,8 @@
                 <div class="inner three"></div>
             </div>
             <div class="loading-word">
-                <p class="loading-title">無名の主页</p>加载中
+                <p class="loading-title">無名の主页</p>
+                <span id="loading-text">加载中</span>
             </div>
         </div>
     </div>
@@ -88,8 +89,8 @@
                             <!--介绍信息-->
                             <div class="message cards" id="switchmore">
                                 <div class="des" id="des"><i class="iconfont icon-yinhao-copy-copy"></i>
-                                    <p class="des-title"><span id="change">Hello&nbsp;World&nbsp;!</span><br /><span
+                                    <div class="des-title"><span id="change">Hello&nbsp;World&nbsp;!</span><br /><span
-                                            id="change1">一个建立于 21 世纪的小站，存活于互联网的边缘</span></p>
+                                            id="change1">一个建立于 21 世纪的小站，存活于互联网的边缘</span></div>
                                     <i class="iconfont icon-yinhao-copy"></i>
                                 </div>
                             </div>

js/main.js

@@ -4,6 +4,10 @@ window.addEventListener('load', function () {
     $('#section').css("cssText", "transform: scale(1) !important;opacity: 1 !important;filter: blur(0px) !important");
 }, false)
 
+setTimeout(function () {
+    $('#loading-text').html("字体及文件加载可能需要一定时间")
+}, 2000);
+
 //弹窗样式
 iziToast.settings({
     timeout: 10000,
@@ -279,4 +283,4 @@ var content = `
 Github:  https://github.com/imsyy/home
 `
 console.log(`%c${title1} %c${title2}
-%c${content}`, styleTitle1, styleTitle2, styleContent)
+%c${content}`, styleTitle1, styleTitle2, styleContent)