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项目中就可以使用微软雅黑字体了。记得重新编译运行项目以查看效果。

相关问题

uniapp使用微软雅黑字体

在 UniApp 中，如果你想让应用使用微软雅黑（YaHei）这种中文字体，你可以通过设置全局样式或者针对特定组件进行调整来实现。以下是一些步骤：

1. **全局设置**:
如果你希望在整个应用中统一使用微软雅黑字体，可以在项目的`App.json`文件中，或者全局CSS文件（如`common.css`）中设置：

   {
     "window": {
       "styles": ["@/styles/common.css"]
     }
   }

在`common.css`中添加如下代码：

   * {
     font-family: "Microsoft YaHei", "Arial", sans-serif;
   }

这会将所有元素的默认字体设置为微软雅黑。

2. **组件样式**:
如果只想让特定组件使用微软雅黑，可以在对应的组件的`style`属性或`.vue`文件中的`<style>`标签内设置：

   <view class="your-component" style="font-family: 'Microsoft YaHei', Arial, sans-serif;">...</view>

或者在组件的`styles`部分：

<template>
  ...
</template>

<style scoped>
.your-component {
  font-family: 'Microsoft YaHei', Arial, sans-serif;
}
</style>

**相关问题--:**
1. UniApp的`App.json`文件有哪些常用配置项？
2. 如何在Vue组件内部动态设置字体？
3. UniApp支持哪些字体格式？