需求:
改变自己想要的全局字体
步骤:
百度想要的字体包(后缀名为.ttf, .otf, .eot等格式的字体包)
在项目assets文件下新建 font 文件夹
把符合格式的字体包也放这
新建font.css文件
font.css文件添加如下代码
@font-face {
font-family: 'HelveticaNeue'; // 根据自己用的去重命名字体名
src: url('Helvetica-Neue.ttf');
font-weight: normal;
font-style: normal;
}
APP.vue中引入即可生效
<template>
<div class="home">
<router-view></router-view>
</div>
</template>
<script setup lang="ts">
</script>
<style scoped lang="scss">
@import './assets/font/font.css';
#app {
font-family: HelveticaNeue;
font-weight: 400;
}
.home{
font-family: HelveticaNeue;
}
</style>