📝
Vuetify3でGoogleフォントのRobotが読み込まれていないときの対処法
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