uniapp怎么改字体
时间: 2024-10-20 07:15:06 浏览: 20
uniapp字体图标的使用
在uni-app中更改字体通常涉及到全局样式表(global.css)或者组件级别的样式。以下是步骤:
1. **全局更改**:
打开项目中的`src/global.css`文件(如果不存在可以自建),然后添加以下CSS规则来设置默认字体:
```
* {
font-family: '你的字体名', sans-serif;
}
```
将'你的字体名'替换为你想要使用的字体名称。
2. **组件级别更改**:
如果你想在特定组件中更改字体,可以在该组件的`.vue`文件中的`<style>`标签内设置:
```html
<template>
<!-- ... -->
</template>
<script>
// ...
export default {
style: `
@apply {
.custom-class {
font-family: '你的字体名', sans-serif;
}
}
`;
};
</script>
```
在模板中给需要改变字体的元素添加`class="custom-class"`。
阅读全文