diff --git a/src/assets/fonts/YouSheBiaoTiHei.ttf b/src/assets/fonts/YouSheBiaoTiHei.ttf new file mode 100644 index 0000000..3729151 Binary files /dev/null and b/src/assets/fonts/YouSheBiaoTiHei.ttf differ diff --git a/src/assets/fonts/ZhenyanGB.ttf b/src/assets/fonts/ZhenyanGB.ttf new file mode 100644 index 0000000..207e103 Binary files /dev/null and b/src/assets/fonts/ZhenyanGB.ttf differ diff --git a/src/assets/fonts/fonts.css b/src/assets/fonts/fonts.css new file mode 100644 index 0000000..1dffefd --- /dev/null +++ b/src/assets/fonts/fonts.css @@ -0,0 +1,13 @@ +@font-face { + font-family: "ZhenyanGB"; + src: url('ZhenyanGB.ttf'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "YouSheBiaoTiHei"; + src: url('YouSheBiaoTiHei.ttf'); + font-weight: normal; + font-style: normal; +} \ No newline at end of file diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 1f9771e..68b1cfc 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -21,8 +21,9 @@ background-size: cover; h2{ font-size: 0.6rem; + font-family: "ZhenyanGB"; + font-weight: normal; line-height: 1.125rem; - font-weight: bold; text-align: center; letter-spacing: 0.2rem; background: linear-gradient(180deg, #FFFFFF 0%, #1AC9FF 100%); @@ -69,9 +70,10 @@ line-height: 0.475rem; padding-left: 0.525rem; font-size: 0.325rem; - font-weight: bold; background: url('~@/assets/images/title.png') no-repeat center center; background-size: cover; + font-family: 'YouSheBiaoTiHei'; + letter-spacing: 0.1rem; } .module-content{ border: 1px solid #2C75E0; diff --git a/src/main.js b/src/main.js index eaff4f0..e24caa5 100644 --- a/src/main.js +++ b/src/main.js @@ -9,6 +9,7 @@ import '@/common/flexible.js' // 引入全局css import './assets/styles/style.scss' import './assets/iconfont/iconfont.js' +import './assets/fonts/fonts.css' import axios from 'axios' Vue.prototype.$axios = axios