uni-app怎么使用微软雅黑字体 博客

要在uni-app中使用微软雅黑字体，可以按照以下步骤操作：

1. 在uni-app项目的根目录下，新建一个名为"static"的文件夹。
2. 在"static"文件夹中，新建一个名为"fonts"的文件夹。
3. 将微软雅黑字体的.ttf或.otf格式的字体文件复制到"fonts"文件夹中。
4. 在项目的根目录下，找到并打开"App.vue"文件。
5. 在"App.vue"文件中，添加以下样式代码：

@font-face {
  font-family: '微软雅黑';
  src: url('/static/fonts/微软雅黑字体文件名.ttf') format('truetype');
}

body {
  font-family: '微软雅黑', sans-serif;
}

请确保将"微软雅黑字体文件名.ttf"替换为实际的字体文件名。

6. 保存并关闭"App.vue"文件。
7. 在需要使用微软雅黑字体的页面中，直接在对应的组件上添加以下样式代码：

font-family: '微软雅黑', sans-serif;

现在，你的uni-app项目中就可以使用微软雅黑字体了。记得重新编译运行项目以查看效果。