Search code examples
vue.jsvuetify.jspreloadvue-cli-3

How do I preload web fonts when using vuejs and veutifyjs with vue-cli?

I have a web app that I created with vuejs and veutifyjs. When a do a pagespeed insight, I get a very low performance and the suggestions are that I should preload some CSS files and web fonts. I can change the rel of css files but I don't know how to change that of web fonts. Here's an image of the suggestion. enter image description here

Solution

  • You can do in two ways:

    1. Add <link> of your font inside along with preload attribute.
    2. Let service-worker to handle the caching mechanism, that would include .woff fonttype as well.