Intermediate Programming @Woodbury

Working With Google Fonts

Working with Google Fonts

  1. Go to http://fonts.google.com
  2. Click the + next to the font you want
  3. In the tab at the bottom, grab the link for the font’s stylesheet and place inside your HTML page’s section. Example: <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
  4. Add the link to your own stylesheet after the google font stylesheet. Example: <link href="mystyle.css" rel="stylesheet">
  5. Grab the CSS code from the tab and implement it on your own stylesheet.

Example:

span {
    color: #e5147d;
    background-color: antiquewhite;
    font-family: 'Open Sans',sans-serif;
}