CSS

css font face

@font-face {
  // Defining what the font will be called
  font-family: thisSpecialFont;
  // Linking to the font file
  src: url(linkToFontFile.woff);
}
body {
  font-family: thisSpecialFont;
}

font face css

@font-face {
font-family: 'PacificoRegular';
src: url('Pacifico-webfont.eot');
src: url('Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
url('Pacifico-webfont.woff') format('woff'),
url('Pacifico-webfont.ttf') format('truetype'),
url('Pacifico-webfont.svg#PacificoRegular') format('svg');
font-weight: normal;
font-style: normal;
}

font face

@font-face {
  font-family: myFirstFont;
  src: url(sansation_light.woff);
}

font face

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot') format('eot'),
       url('webfont.ttf') format('truetype'),
       url('webfont.woff2') format('woff2'),
       url('webfont.woff') format('woff');
}

@font-face

@font-face {
 font-family: "The name of your font for your file";
 src: url("The link to your .ttf or .otf file");
}

@font-face

/*set the font name and the url path*/
@font-face {
  font-family: customFontName;
  src: url(path/to/font/sansation_light.woff);
}

/*add the new font to an element or class, etc*/
p {
 font-family: customFontName; 
}

.myClass{
  font-family: customFontName;
}