Harvard Extension School
CSCI E-12 Fundamentals of Web Site Development | Spring 2020

## 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