Test_Project_Web/BJ_Casino_Rank
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[add] fonts

Browse Source
This commit is contained in:
建喵 2022-04-14 10:30:49 +08:00
parent 0cfef65a79
commit f5438c7f65
5 changed files with 13 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -4,6 +4,8 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<link href="./src/assets/ZenMaruGothic-Regular.ttf" rel="stylesheet">
<!-- <link href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap" rel="stylesheet"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BJ_Casino_Rank</title> <title>BJ_Casino_Rank</title>
</head> </head>

3
src/App.vue
View File

@ -9,6 +9,8 @@ import BJ_Casino_Rank from './components/BJ_Casino_Rank.vue';
</template> </template>
<style> <style>
@import url('../src/assets/fonts.css');
#app { #app {
font-family: Avenir, Helvetica, Arial, sans-serif; font-family: Avenir, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
@ -16,5 +18,6 @@ import BJ_Casino_Rank from './components/BJ_Casino_Rank.vue';
text-align: center; text-align: center;
color: #2c3e50; color: #2c3e50;
margin-top: 60px; margin-top: 60px;
font-family: 'Zen Maru Gothic', sans-serif;
} }
</style> </style>

7
src/assets/fonts.css Normal file
View File

@ -0,0 +1,7 @@
@font-face {
/* 重命名字体名 */
font-family: 'Zen Maru Gothic';
src: url('./fonts/ZenMaruGothic-Regular.ttf');
font-weight: normal;
font-style: normal;
}

BIN
src/assets/fonts/ZenMaruGothic-Regular.ttf Normal file
View File

Binary file not shown.

1
src/main.ts
View File

@ -1,3 +1,4 @@
import 'bootstrap';
import 'bootstrap/dist/css/bootstrap.min.css'; import 'bootstrap/dist/css/bootstrap.min.css';
import { createApp } from 'vue'; import { createApp } from 'vue';
import App from './App.vue'; import App from './App.vue';