vue h1标题怎么在style里面设置字体
时间: 2024-01-25 22:20:17 浏览: 224
在vue中更换字体,本地存储字体非引用在线字体库的方法
您可以在Vue组件的`<style>`标签内,使用CSS来设置H1标题的字体,例如:
```html
<template>
<div>
<h1 class="my-title">这是一个标题</h1>
<p>这是一些文字</p>
</div>
</template>
<script>
export default {
name: 'MyComponent',
};
</script>
<style>
.my-title {
font-family: Arial, sans-serif;
font-size: 32px;
font-weight: bold;
color: #333;
text-align: center;
}
</style>
```
在上面的示例中,我们定义了一个名为`my-title`的CSS类,然后将其应用于H1元素上。在这个类的样式中,我们设置了字体家族为Arial和sans-serif的组合,字体大小为32像素,字体加粗,颜色为#333,文本对齐方式为居中。
您可以根据需要自定义这些样式属性,以满足您的设计需求。
阅读全文