Vue component for loading minimal fonts with webfontloader

font-loader.vue

// Vue component for loading minimal fonts with webfontloader

<template>
</template>

<script>
//https://github.com/typekit/webfontloader
import WebFontLoader from 'webfontloader';

export default {
  created() {
    WebFontLoader.load({
      custom: {
        // Use FVD notation to include families https://github.com/typekit/fvd
        families: ['Rubik:n4,n5,n7'],
        // Path to stylesheet that defines font-face
        urls: ['/static/assets/fonts/stylesheet.css'],
      },
      active: this.setFontLoaded,
    });
  },
  methods: {
    setFontLoaded() {
      this.$emit('font-loaded');
    },
  },
};
</script>

it's not work on SSR, and yes "window is not defined"