uni-app 字体全局统一用“思源黑体”
时间: 2024-11-12 20:34:57 浏览: 254
uni-app 是一种基于 Vue.js 的跨平台应用开发框架,它允许开发者编写一套代码生成适用于 Android、iOS、Web 等多种平台的应用。关于字体全局统一使用“思源黑体”,在uni-app项目中,你可以通过以下步骤来设置:
1. **配置文件**:在项目的 `uni-app.config.js` 文件中,找到并修改 `globalStyles` 配置部分,添加对思源黑体的支持。例如:
```js
export default {
globalStyles: [
'uni-platform://css/iconfont.css',
'@/assets/css/global.css', // 全局样式路径,包含思源黑体的引入
{ fontFile: '@/assets/font/SimHei.ttf', weight: 'normal', size: 16 } // 或者使用ttf文件
]
}
```
2. **引入字体文件**:确保在指定的CSS文件如`global.css`中,导入思源黑体的字体图标或者TrueType Font (ttf)文件,并设置其为默认字体:
```css
@font-face {
font-family: 'SimHei';
src: url('@/assets/font/SimHei.ttf') format('truetype');
}
body {
font-family: 'SimHei', sans-serif;
}
```
3. **组件内使用**:现在所有的文本标签如`<text>`或`<view>`, 默认都会使用“思源黑体”。
阅读全文