CSS

Adobe Fonts

Adobe Edge Web Fonts
<!DOCTYPE html>
<html>
<head>
<title>Adobe Web Fonts</title>
<script src="https://use.edgefonts.net/fredericka-the-great.js"></script> 
<style type="text/css">
.demo-wrap {
padding: 4px;
border: 1px solid #fbfbfb;
margin-bottom: 1em;
}
.demo-content {
font-family: fredericka-the-great, Arial, sans-serif;
font-size: 2.5em;
line-height: 1em;
padding: .80em .5em;
text-align: center;
background-repeat: no-repeat;
background-size: 100% 100%;
text-shadow: 1px 1px 2px rgba(201, 201, 201, 1);
} 
</style>
</head>
<body>
<div class="demo-wrap">
<div class="demo-content">
<p>“It’s what you
learn <br />
after you know it all  <br />
that counts.”</p>
<p>John Wooden </p>
</div>
</div>
</body>
</html>