Hi,
I’ve been using GTMetrix to measure the performance of a Pinegrow website and to look for ways of improving it. It indicated that I was using lots of CSS @ imports, particularly Montserrat Google font. Subsequently, I’ve watched the Pinegrow tutorial at How-to self-host Google fonts in your website project created with Pinegrow | Pinegrow Web Editor several times and have done the following.
Visited google webfonts helper , selected the different Montserrat font variants I wanted, set the destination folder as “/fonts/” and copied the CSS into a “Montserrat.CSS” file which I created in my project folder. I downloaded the fonts and saved them to a folder “fonts”, also in my project folder. In the design panel, I selected the Montserrat.CSS as my local font. I then set up all the headings, text etc, selecting the now locally stored Montserrat font in the Design panel. Selecting the body element in the tree, I also set the text for Montserrat in the Styling panel for the home page (the one I tested). I’ve saved all the settings as I’ve been going along and viewed the changes in the browser to confirm they’d all been made before publishing the website. So, I think I’ve done everything exactly as per the tutorial (I hope 
)
However, as you can see from the GTMetrix screenshot below, there still seems to be some problems with CSS @ imports. If I use one of the system fonts instead of Montserrat, publish the site and then test, there’s no problems with CSS @ imports at all, as you would expect.
Does anyone know how I can fix this using Montserrat as my preferred font, so that there’s no CSS @ imports? Thanks in advance for your help.
Bruce
