Skip to content
Efficient web font loading has never been easier!
Branch: master
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib chore: export meta (#8) Dec 23, 2018
test test: webfontloader loading fn Dec 19, 2018
.eslintrc.js feat: init Nov 24, 2018
.gitignore feat: init Nov 24, 2018
yarn.lock chore(deps): update dependency jest to v24 (#9) Jan 27, 2019

Nuxt Webfontloader - Efficient web font loading has never been easier!

npm (scoped with tag) npm Build Status codecov Dependencies js-standard-style thanks

📖 Release Notes


  • Full support of SVGs as components. Import them like your Vue SFCs
  • Built on top of Google's/Typekit's webfontloader
  • Improves site performance by loading web-fonts asynchronously
  • Nuxt 2 (and only Nuxt 2) support
  • Fully tested!


  • Add nuxt-webfontloader as a dependency using yarn or npm to your project
  • Add nuxt-webfontloader to modules section of nuxt.config.js
  modules: [
  • Include your webfontloader options in the nuxt.config.js, for example:
export default {
  webfontloader: {
    google: {
      families: ['Lato:400,700'] //Loads Lato font with weights 400 and 700
  • Remove old stylesheets from your app template or nuxt.config.js head part:
export default {
    link: [
      // You don't need that line anymore!
      { rel: 'stylesheet', href: ',700' }


  • Clone this repository
  • Install dependencies using yarn install or npm install
  • Start development server using npm run dev


MIT License

Copyright (c) Alexander Lichter

You can’t perform that action at this time.