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 {
    font-family: CustomFont;
    src: url('CustomFont.ttf');
}

@font-face {
    font-family: CustomFont2;
    src: url('CustomFont2.ttf');
}

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

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

@font-face {
	font-family: Chunkfive;
	src: url('Chunkfive.otf');
}

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

@font-face
{

  font-family: myFirstFont;

   
src: url(sansation_light.woff);

} 

<link rel="stylesheet" href="<Font location>">

@font-face { font-family: 'meine-schrift';
             src: url('pfad/zu/meinerschrift.ttf') format('truetype'); }
@font-face { font-family: 'meine-schrift';
             src: url('pfad/zu/meiner-kursiven-schrift.ttf') format('truetype');
             font-style: italic; }
@font-face { font-family: 'meine-schrift';
             src: url('pfad/zu/meiner-fetten-schrift.ttf') format('truetype');
             font-weight: bold; }
@font-face { font-family: 'meine-schrift';
             src: url('pfad/zu/meiner-kursiv-fetten-schrift.ttf') format('truetype');
             font-weight: bold;
             font-style: italic; }