I was able to get it working with just this HTML:
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Courgette|Dancing+Script|Great+Vibes|Lobster+Two|Open+Sans|Pinyon+Script|Satisfy" rel="stylesheet">
font-family: 'Pinyon Script', cursive;
You don’t need to use Head and Body elements, just make sure your link is at the top. I recommend not using head and body elements, and so does Google:
For file size optimization and scannability purposes, consider omitting optional tags. The HTML5 specification defines what tags can be omitted.
(This approach may require a grace period to be established as a wider guideline as it’s significantly different from what web developers are typically taught. For consistency and simplicity reasons it’s best served omitting all optional tags, not just a selection.)
<!-- Not recommended -->
<title>Spending money, spending bytes</title>
<!-- Recommended -->
<title>Saving money, saving bytes</title>
I would make sure you are linking the stylesheet correctly. Check adding other styles, and see if they get applied.