HTML and CSS Reference
In-Depth Information
particular font, and Google will do the heavy lifting. Figure 4.3 shows the code for the Lato
font as it appears on Google Web Fonts, ready to copy and paste.
Figure 4.3. The code for the <link> tag to include a font from Google Web Fonts
You can find this code for any font on the Google Web Fonts service by searching for the
font, then clicking the Quick Use button for that font.
If we decided to use this method to include Lato, this chunk of code would be placed in our
HTML, above our other CSS file references, like this:
<link href='
rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
This uses the <link> tag that we learned about in Chapter 1 , where we discussed all the
different ways to include CSS in a web page. Once we have that in place, we just need to
Search WWH ::

Custom Search