html - Google's PageSpeed Insights complains when I follow instructions from Google Fonts FAQ. Which should I follow? -

if run google's pagespeed tool on site complains have blocking css resources (which true, understand that). thing is complaining google font using following instructions on faq here.

specifically:

should host fonts on own website’s server?

we recommend copying code snippets available under "embed" tab in selection drawer directly website’s html , css.

so i'm doing - generates warning on pagespeed. specifically, have in head tag (as per embed tab's instructions):

<link href="https://fonts.googleapis.com/css?family=source+sans+pro" rel="stylesheet"> 

i download font , bundle pretty (i'm using angular-cli if makes difference). imagine rid of warning on pagespeed, (i assume) page less efficient because wouldn't using google's cdn font , wouldn't benefit browsers caching it.

which pattern should use? there way take advantage of cdns css without having pagespeed ranking reduced? (i care because understand impacts google's search rankings or i'd leave is).