Harvard Extension School, Fall 2018
CSCI E-12 Fundamentals of Web Site Development

## Font - Include through JavaScript

This is how some font hosting services have you include their fonts, including Adobe Edge Web Fonts.

The JavaScript does browser detection and then inserts the needed Markup/CSS into the page to include the fonts.

- Example: Adobe Edge Web Fonts

`script` element to include JavaScript:

    <script src="//use.edgefonts.net/stencil-std.js"> </script>

Our CSS:

    h1,h2,h3,h4,h5,h6 {
      font-weight:400;
      font-family:"stencil-std", sans-serif;
    }

    h1 {
      font-size:3em;
    }

    h2 {
      font-size:2em;
    }

    body {
      font-family: Georgia, serif;
    }

Copyright © David Heitmeyer