更改徽标的字体类型

Question

我有一个包含徽标的网站，我想把这个网站称为"Bakerita"；，但是我怎样才能更改这个单词的字体类型呢？我打开了主网站，但找不到任何可以更改字体类型的信息。

应用程序：

<template>
<div>
<v-app-bar
color="deep-purple accent-4"
>
<v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
<v-toolbar-title>Bakerita</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn icon>
<v-icon>mdi-magnify</v-icon>
</v-btn>
<v-btn icon>
<v-icon>mdi-filter</v-icon>
</v-btn>
<v-btn icon>
<v-icon>mdi-dots-vertical</v-icon>
</v-btn>
</v-app-bar>
<v-navigation-drawer
v-model="drawer"
absolute
bottom
temporary
>
<v-list
nav
dense
>
<v-list-item-group
v-model="group"
active-class="deep-purple--text text--accent-4"
>
<v-list-item>
<v-list-item-title>Foo</v-list-item-title>
</v-list-item>
<v-list-item>
<v-list-item-title>Bar</v-list-item-title>
</v-list-item>
<v-list-item>
<v-list-item-title>Fizz</v-list-item-title>
</v-list-item>
<v-list-item>
<v-list-item-title>Buzz</v-list-item-title>
</v-list-item>
</v-list-item-group>
</v-list>
</v-navigation-drawer>
</div>
</template>
<script>
export default {
data(){
return{
drawer:false
}
}
};
</script>

Answer 1

根据组件api，没有自定义样式的道具，但您可以用div包装标题，并为其提供您想要的样式：

<v-toolbar-title>
<div style="font-size:24pt">
Bakerita
</div>
</v-toolbar-title>