📝

Vuetify3でGoogleフォントのRobotが読み込まれていないときの対処法

2023/07/04に公開

headを使って、linkタグを追加するとできます。

Nuxt3を使っている場合は、nuxt.config.tsに下記コードを追記してください。

  app: {
    head: {
      link: [
        // Vuetifyで使っているGoogle FontsのRobotoをダウンロードする
        {
          rel: "stylesheet", type: "text/css", href: "https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap"
        }
      ],
    },
  },

対応方法が、よく分からなかったのでこの方法で対応しました。
Vuetifyの設定がうまくできていないせいなのかなと思っています。
もっと良い方法をご存じの方いらっしゃったら、コメントしていただけますととても喜びます。

Discussion