uniapp设置多钟全局字体
时间: 2023-08-06 15:04:00 浏览: 98
你可以在uniapp的App.vue文件中设置多个全局字体。首先,在App.vue文件中引入需要使用的字体文件,例如:
```html
<style>
/* 引入微软雅黑字体 */
@font-face {
font-family: 'Microsoft YaHei';
src: url('http://fonts.gstatic.com/s/microsoftyahei/v11/0QAtMXVj_oBabJjLksbBVD5d.ttf');
}
/* 引入宋体字体 */
@font-face {
font-family: 'SimSun';
src: url('http://fonts.gstatic.com/s/simsun/v13/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2');
}
</style>
```
然后,在App.vue文件的<style>标签中,通过选择器设置不同的字体,例如:
```html
<style>
/* 设置默认字体 */
body {
font-family: 'Microsoft YaHei', sans-serif;
}
/* 设置标题字体 */
h1 {
font-family: 'SimSun', sans-serif;
}
/* 设置正文字体 */
p {
font-family: 'Microsoft YaHei', sans-serif;
}
</style>
```
这样就可以在uniapp中设置多个全局字体了。如果要设置局部字体,可以在对应的组件中设置。
阅读全文