HTML:
Create various span classes for the google fonts you wish to chose. First though, chose fonts from googlefonts website and download. Paste link in head tag.

CSS:
.googleFontsOne {
font-family: 'Amatic SC', cursive;
font-size:100px; }

.googleFontsTwo {
font-family: 'Orbitron', sans-serif;
font-size:100px; }

.googleFontsThree {
font-family: 'Spirax', cursive;
font-size:100px; }

HTML:
Create individual span class "bold".

CSS:
.bold {
font-size:200px;
font-weight:bold; }

HTML:
Create individual span class called "italic".

CSS:
.italic {
font-size:200px;
font-style:italic; }

HTML:
Create a simple span class called "shadow"
< span class="shadow" > A < /span >

CSS:
.shadow {
font-size:200px;
color:#F06;
line-height:500px;
text-align:center;
text-shadow: 8px 8px 8px #F69; }

HTML:
Create individual span classes, "underline", "through", "over".

CSS:
.underline{
font-size:100px;
text-decoration:underline; }

.through{
font-size:100px;
text-decoration:line-through; }

.over{
font-size:100px;
text-decoration:overline; }

HTML:
Create an h1 tag with your text inside of it. You will be styling this h1 twice.

CSS:
h1 {
display: inline;
position: relative;
font: 200px Lucida Sans Unicode, Sans-Serif;
letter-spacing: -5px;
color: rgba(0,0,255,0.5);
top:25px; }

h1:after {
content: "Hello";
position: absolute; left: 10px; top: 5px;
color: rgba(255,0,0,0.5);
margin-top:8px; }

HTML:
Create a class called "fontKit". Past @fontkit code in stylesheet.

CSS:
.fontKit {
font-family: 'amadeus_regularamadeusRg';
font-size:100px; }

HTML:
Create a span class called "blur-text".

CSS:
.blur-text {
color: transparent;
text-shadow: 0 0 5px #F06;
font-size:150px; }

HTML:
Create a span class called "kerning" with another internal span class called "letter" inside.
In that put a separate span around the individual letters you want to shift.

CSS:
.kerning {
font-size:100px;
font-color:#F06;
display:block;
line-height:100px;
padding-top:150px;
}

.letter {
letter-spacing: .3em; }

HTML:
Create a span class called "emboss"

CSS:
.emboss{
text-shadow: -2px -2px 2px #fff, 2px 2px 2px #000;
color: #F06;
opacity: 0.3;
font-size: 100px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }

HTML:
Create a span class called "stroke", insert an h5 tag with the word "Stroke"

CSS:
h5 {
font-size:100px;
color: white;
text-shadow:
-1px -1px 0 #F06,
1px -1px 0 #F06,
-1px 1px 0 #F06,
1px 1px 0 #F06; }