概要

1. Select font face
2. Embed id on the config.js file
3. 選択したフォントの利用

font face を選択

Google Fonts のサイトから使用するフォントを選択します.

config.js への埋め込み

埋め込みリンクを取得します

そして、.vuepress/config.js に設定します

module.exports = {
  head: [
    ['link', { rel: 'stylesheet', href: 'https://fonts.googleapis.com/css?family=Parisienne&display=swap' }],
  ],
}

選択したフォントの利用

component ファイルの中などで使用します

<style lang="stylus">
.home
  .hero
    h1
      font-family: 'Parisienne'

---