font face code example

Example 1: how many fonts can i add in a css font-face

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

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

Example 2: 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;
}

Example 3: font face

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

Example 4: how to find a fontface url

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

Example 5: @font-face

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

Example 6: font face html

@font-face { font-family: 'meine-schrift';
             src: url('pfad/zu/meinerschrift.ttf') format('truetype'); }