【Vue】Google Fonts を Vue3 で使用する（Vite 編） - Qiita

概要 Google Fonts を Vue のソースに組み込む手順の備忘録。 今回は Vue-CLI や Webpack ではなく Vite を利用したバージョンの方法。 意外と記事が無かったので作成。 Viteの場合は、vite.config.js にフォント導入設定をします。 前提 Vue: v3.2.41 Vite: v3.2.3 TypeScript: 4.6.4 ※ TypeScriptを使用していない場合は、以降のファイル名記載が .ts の部分を、.js に読み替えてください Google Fonts とは 色んなWebフォントを無料で提供しているサービス。設定を行うと、Webサービスで好きなフォント（字体）を表示することができる。 手順 1. フォント選び Google Fonts で好きなフォントを選ぶ。 フォントをどれか選ぶと、以下の様な詳細ページが表示される。そこで、

[hujuu]

“vite-plugin-fonts”