diff --git a/src/assets/css/main.scss b/src/assets/css/main.scss index f639ab6..a2b6318 100644 --- a/src/assets/css/main.scss +++ b/src/assets/css/main.scss @@ -7,6 +7,10 @@ html,body{ color: #d3d6dd; } } +@font-face { + font-family: 'YouSheBiaoTiHei'; + src: url(../font/YouSheBiaoTiHei-2.ttf); +} html .el-message { --yh-bg-color-container:#242424; diff --git a/src/assets/font/YouSheBiaoTiHei-2.ttf b/src/assets/font/YouSheBiaoTiHei-2.ttf new file mode 100644 index 0000000..3729151 Binary files /dev/null and b/src/assets/font/YouSheBiaoTiHei-2.ttf differ diff --git a/src/views/header.vue b/src/views/header.vue index 6c91447..2b6603b 100644 --- a/src/views/header.vue +++ b/src/views/header.vue @@ -54,20 +54,21 @@ const returnHome = () => { line-height: 46px; .title-text { + font-family: 'YouSheBiaoTiHei'; font-size: 38px; - font-weight: 900; + font-weight: 400; letter-spacing: 6px; width: 100%; color: #ECEDEE; text-shadow: 0px 4px 1px rgba(50, 81, 140, 0.66); - background: linear-gradient( - 0deg, rgba(141, 185, 253, 0.45) 0%, - rgba(237, 247, 255, 0.45) 73.3154296875%, - rgba(255, 255, 255, 0.45) 100%); - opacity: 0.89; - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; + // background: linear-gradient( + // 0deg, rgba(141, 185, 253, 0.45) 0%, + // rgba(237, 247, 255, 0.45) 73.3154296875%, + // rgba(255, 255, 255, 0.45) 100%); + // opacity: 0.89; + // -webkit-background-clip: text; + // -webkit-text-fill-color: transparent; } }