更换字体 & 完善加载动画

This commit is contained in:
底层用户 2022-01-21 13:39:47 +08:00
parent 3f649c4369
commit 9cf78b28db
4 changed files with 30 additions and 19 deletions

View File

@ -5,13 +5,19 @@
@font-face { @font-face {
font-family: "UnidreamLED"; 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-face {
font-family: "PingFangSC"; 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-face {
font-family: "iconfont"; font-family: "iconfont";

View File

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

View File

@ -65,7 +65,8 @@
<div class="inner three"></div> <div class="inner three"></div>
</div> </div>
<div class="loading-word"> <div class="loading-word">
<p class="loading-title">無名の主页</p>加载中 <p class="loading-title">無名の主页</p>
<span id="loading-text">加载中</span>
</div> </div>
</div> </div>
</div> </div>
@ -88,8 +89,8 @@
<!--介绍信息--> <!--介绍信息-->
<div class="message cards" id="switchmore"> <div class="message cards" id="switchmore">
<div class="des" id="des"><i class="iconfont icon-yinhao-copy-copy"></i> <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> <i class="iconfont icon-yinhao-copy"></i>
</div> </div>
</div> </div>

View File

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