uniapp app 设置字体

在 UniApp 中设置字体有两种方式：全局设置和局部设置。

1. 全局设置字体：
在项目的 `App.vue` 文件中，可以修改全局的字体样式。可以通过以下方式进行设置：

   <style>
     @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
     html, body {
       font-family: 'Roboto', sans-serif;
     }
   </style>

在上述代码中，我们通过 `@import` 导入了 `Roboto` 字体，并将其应用于 `html` 和 `body` 元素上。

2. 局部设置字体：
如果只想在某个页面或组件中设置字体，可以在对应的页面或组件的 `.vue` 文件中使用 `style` 标签来设置字体样式。例如：

   <style>
     @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
     .custom-font {
       font-family: 'Roboto', sans-serif;
     }
   </style>

在上述代码中，我们同样使用 `@import` 导入了 `Roboto` 字体，并将其应用于带有 `custom-font` 类名的元素上。

通过以上两种方式，你可以在 UniApp 中设置全局或局部的字体样式。