vue.js v-cloak spinner with pure css (but scss in code)

the scss

Notice the nested div  & > div {

Now the HTML:


use fonts from google fonts library local

Download and extract selected fonts (collection) from google fonts library. Then open the link href target of your include statement in your browser e.g.:

Copy the desired @font-face statement from there, to your local css file:

And modify it like to your needs (truetype format + file path):

Thats it.