Upon enabling this module and selecting the type of font I want to use here:



I receive the following error message while checking PageSpeed Insights:

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.

Optimize CSS Delivery of the following:

https://fonts.googleapis.com/css?family=TYPE OF FONT


Now I had this error message with my template previously and I was able to correct it by creating a custom.css file and putting the following code there:

Code:

@import url(https://fonts.googleapis.com/css?family=Raleway:700,300|Roboto+Slab:400,300,700);

What do I have to do to correct this error and have the component pull in the fonts from the custom.css file which already exists. This error significantly affects my Insights rating.