uniapp开发修改字体样式font-family

在uniapp中修改字体样式，可以通过在页面的<style>标签中设置全局字体样式，或者在<style>标签中使用scoped属性为当前页面设置局部字体样式。

全局字体样式示例：

/* App.vue 或者 全局样式文件 */
<style>
/* 全局字体样式 */
body {
  font-family: 'Arial', sans-serif;
}
</style>

局部页面字体样式示例：

/* 某个页面（如：Index.vue） */
<template>
  <view class="content">
    <!-- 页面内容 -->
  </view>
</template>
 
<style scoped>
/* 只在当前页面生效的字体样式 */
.content {
  font-family: 'Arial', sans-serif;
}
</style>

如果需要在JavaScript中动态修改字体样式，可以使用Vue的this.$refs或者document.getElementById等方法获取DOM元素，然后修改其style.fontFamily属性。

JavaScript动态修改字体样式示例：

// 在Vue方法中
methods: {
  changeFontFamily(fontFamily) {
    this.$refs.myText.style.fontFamily = fontFamily;
  }
}

<!-- 在模板中 -->
<template>
  <view>
    <text ref="myText">这是一段文本</text>
    <button @click="changeFontFamily('Arial')">改为Arial字体</button>
  </view>
</template>

以上代码展示了如何在uniapp中设置全局和局部字体样式，以及如何通过JavaScript动态修改字体样式。