在nuxt项目中由filamentgroup加载loadCSS的最佳方法？

Question

我想在我的nuxt项目中使用loadCSS到rel=preload谷歌字体。 我加了

module.exports = {
  head: {
    link: [
        rel: 'preload',
        href:
          'https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700',
        as: 'style',
        onload: 'this.onload=null;this.rel="stylesheet"'
      }
    ]
  },

这样做是正确的，并将链接添加到头部，该链接以chrome显示字体。 不支持rel="preload"的Firefox不会执行任何操作。

那是我希望loadCSS发挥作用的地方。 所以我想添加

import 'fg-loadcss/dist/cssrelpreload'

我的捆绑包中有该功能的地方。 但是在我导入的任何地方都会导致此错误

  

无法读取未定义的属性'getElementsByTagName'

我认为它会失败，因为我在文档未准备好时导入了此文件。

在nuxt中：导入此文件的最佳位置在哪里？ 还是可以触发已挂载的执行？