vue.js - Vue.js、vue-cli 3.0 和 Google Webfonts

Question

我完全迷失了将 Google 字体包含到我的项目中。

我已经安装了 google-fonts-webpack-plugin 并尝试正确配置它，但没有注入 html。或者，也许我没有正确地考虑它。无论如何，我如何包含 Google Webfonts？

我的 vue.config.js 中的代码：

const GoogleFontsPlugin = require("google-fonts-webpack-plugin")

module.exports = {
 configureWebpack: {
  plugins: [
    new google-fonts-webpack-plugin({
      fonts: [
          { family: "IBM Plex Sans" }
      ]
    })
   ]
 }
}

标签： vue.jswebfontsgoogle-webfontsvue-cli

Answer 1

转到 app.vue 的末尾并添加以下代码：

<style lang="scss">
  @import url("https://fonts.googleapis.com/icon?family=Material+Icons");
</style>