修改vue中设置字体样式

在Vue中设置字体样式可以使用以下方法：

1. 在组件的style中使用CSS样式进行设置，例如：

<template>
  <div class="my-text">Hello World!</div>
</template>

<style>
.my-text {
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  color: red;
}
</style>

2. 使用内联样式，例如：

<template>
  <div :style="{ fontSize: '20px', fontWeight: 'bold', fontStyle: 'italic', color: 'red' }">Hello World!</div>
</template>

3. 使用外部CSS文件，在组件中引入，例如：

<template>
  <div class="my-text">Hello World!</div>
</template>

<style src="./my-style.css"></style>

在my-style.css中定义样式：

.my-text {
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  color: red;
}

以上是三种设置字体样式的方法，你可以根据实际情况选择适合自己的方法。