I was importing a Google Font in my CSS file.
And it appears that Wappler automatically “extracted and imported” the font-face related to it ?
At the same time, I stumbled upon that article that explains why it’s not a great idea to do so as the extrated output is most likely to be adapted to the current browser :
So should I uncomment this auto-generated font-face section ?
If you’re looking for Google to host the font CSS files and serve them dynamically (like a CDN), you’ll want to link to the CSS file from your header in your HTML file:
I was expecting the @import in my .css file to be a smarter way to build my webapp.
As it prevents me from forgeting to include the font on each page + connects a logical “dependancy” built into the .css file, as it needs the font in question.
Do you not use an include file on all your pages with common code such as linked stylesheets, scripts etc? Then you only have to have included it once in the include file.
which then contains common bits of code such as links to css files, links to scripts etc.
Just the same way as you would use them for a Nav Bar, Header or Footer.