Abstract

1. Select font face
2. Embed id on the config.js file
3. Use it

Select font face

Select font face to use on the Google Fonts site.

Embed Font on the .vuepress/config.js file

Get Embed font link.

Then, set it on the config.js file.

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

Use it

Use it on the components file

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

---