uniapp 使用自定义字体

### 回答1：
在 uni-app 中使用自定义字体需要在项目的配置文件中进行配置。可以在项目根目录下的 `manifest.json` 文件中添加以下配置来引入自定义字体文件。

"feature": {
    "fonts": {
        "files": [
            "static/fonts/my-font.ttf"
        ],
        "family": "MyFont"
    }
}

其中 `files` 数组是字体文件的路径，可以添加多个。`family` 是字体的名称，可以在样式文件中使用。

之后就可以在css 中使用自定义字体了

.example {
    font-family: 'MyFont';
}

或者在vue component 中使用

<template>
  <view class="example">自定义字体</view>
</template>
<style>
.example {
    font-family: 'MyFont';
}
</style>

注意，如果在不同平台下使用了不同格式的字体文件，需要在配置文件中分别设置。

### 回答2：
在UniApp中使用自定义字体非常简单，以下是具体步骤：

1. 下载字体文件：首先，从适合你项目需求的网站上下载自定义字体文件。你可以选择普通的.ttf或.otf字体格式。

2. 创建字体文件夹：在你的UniApp项目目录中，创建一个字体文件夹。你可以将字体文件夹命名为"fonts"或其他你喜欢的名字。

3. 放置字体文件：将下载的字体文件复制或移动到字体文件夹中。

4. 引入字体文件：在App.vue文件中，找到全局样式部分并添加字体引入代码。例如：

@font-face{
    font-family: 'MyCustomFont';
    src: url('../fonts/MyCustomFont.ttf') format('truetype');
}

确保路径引用的准确性，根据你的字体文件夹名称进行调整。

5. 应用自定义字体：在需要使用自定义字体的地方，添加字体样式：

.my-custom-font{
    font-family: 'MyCustomFont', sans-serif;
}

将字体样式应用到相应的组件或页面上。

现在，你已经成功地在UniApp中使用了自定义字体！请记住，如果你的项目有多个页面，要在每个页面中进行字体引入和应用。

### 回答3：
要在 UniApp 中使用自定义字体，首先需要在项目中添加自定义字体文件。通常字体文件会以.ttf、.otf 或 .woff 格式提供。在项目的 static 目录下新建一个 fonts 文件夹，并将字体文件放入其中。

接下来，在项目的 App.vue 文件中，使用 '@import' 引入字体文件。例如，如果字体文件名为 MyFont.ttf，则可以在 App.vue 文件的 style 标签中添加以下代码：

@import '../static/fonts/MyFont.ttf';

然后，在需要应用字体的组件中，通过样式设置属性 font-family 来指定使用自定义字体。例如，在 Index.vue 文件中的一个 div 上应用自定义字体，可以添加以下代码：

<template>
  <div class="custom-font">Hello UniApp!</div>
</template>

<style scoped>
.custom-font {
  font-family: 'MyFont';
}
</style>

这样，该 div 元素就会应用 MyFont 字体。

另外，如果要在小程序上使用自定义字体，还需要在小程序的 app.json 文件中添加如下配置：

{
  "usingComponents": {
    "uni-app": "uni-app",
    "using-font-name": "/static/fonts/MyFont.ttf"
  }
}

这样，UniApp 就会在小程序中使用自定义字体。

总结起来，使用 UniApp 的自定义字体步骤如下：
1. 将自定义字体文件放入项目的 static/fonts 文件夹中。
2. 在 App.vue 文件的 style 标签中使用 '@import' 引入字体文件。
3. 在需要应用字体的组件中，通过样式设置属性 font-family 来指定使用自定义字体。
4. 在小程序的 app.json 文件中添加字体文件的配置。

这样就可以在 UniApp 中成功使用自定义字体了。