Add this property and value in code view for the h1 tag between the curly brackets.
Add this rule as an internal style rule so only this page will use it.
We will use this font for the H1 and the UL tags on this web page.
We need to copy the remaining code from the Google website.
This code tells CSS that the font is available and allows you to assign it to your selectors.
Paste the code from the Google website so it is listed directly under the link tag that was on the page.
Move into Code View and hit enter/return at the end of line 6 on the page.
Open destinations.html and save it as destinations-google-fonts.html.
This code builds the link to the font on the google site.
Google provides the CSS code to add to your website for the font you want.
With Google fonts you do not need to download them, just add a link to the font on their servers.
Google is always adding new features, you can preview the Beta info for font effects and optimizing fonts at.
Note the page load time, always check this out.
Then click the Use button in the right side.
Choose Henny Penny or any font you like and click the Add to Collection button.
Look over the various fonts that are available and also the options available for looking over the fonts.
If you click the New to Google Fonts? link, you can access the Developer area where Google is working on a new effects feature for fonts, this is now in beta so be sure to look this over and test completely if you plan to use it.
Google is pretty amazing in what they offer for fonts and these fonts are all free.
We are going to look at Google fonts and how you can use them to add interesting fonts to your designs.