Vue.js 更改徽标的字体类型

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

App.vue：

<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>

贝克里塔
mdi放大
mdi过滤器
垂直点
福
酒吧
起泡
嗡嗡声
导出默认值{
数据（）{
返回{
出票人：错
}
}
};

根据，没有道具来定制样式，但您可以用div将标题包装起来，并为其提供您想要的样式：

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

贝克里塔

从哪里可以获取字体类型？我使用这两个网站，我使用“Rollanda”类型。但当我这样写的时候：.myfont{font family:'Rollanda'}我无法得到结果。我能做什么@匿名dev您应该通过将该文件包含在CSS中，将其添加为字体。您可以查看更多详细信息