Embedding multiple fonts.

by Matthew Dewhurst

CSS

/* font 1 */
@font-face{
  font-family: 'Font 1';
  src: url('/fonts/font1.ttf');
}

/* font 2 */
@font-face{
  font-family: 'Font 2';
  src: url('/fonts/font2.ttf');
}

body{
  font-family: 'Font 1'; /* the body will use font 1 */
}

header{
  font-family: 'Font 2'; /* the header will be using font 2 */
}