<!DOCTYPE HTML>
<html>
<head>
<title>Bug 668758 - @font-face disrupts font preferences</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

/* none of these @font-face declarations should affect the rendering! */
@font-face {
  font-family: Times;
  src: url(../fonts/mplus/mplus-1p-black.ttf);
}

@font-face {
  font-family: Times New Roman;
  src: url(../fonts/mplus/mplus-1p-black.ttf);
}

@font-face {
  font-family: Tms Rmn;
  src: url(../fonts/mplus/mplus-1p-black.ttf);
}

@font-face {
  font-family: Droid Serif;
  src: url(../fonts/mplus/mplus-1p-black.ttf);
}

@font-face {
  font-family: Courier;
  src: url(../fonts/mplus/mplus-1p-black.ttf);
}

@font-face {
  font-family: Courier New;
  src: url(../fonts/mplus/mplus-1p-black.ttf);
}

@font-face {
  font-family: Droid Sans Mono;
  src: url(../fonts/mplus/mplus-1p-black.ttf);
}

body {
  margin: 50px;
  font-family: serif;
}

</style>

</head>

<body>

<p>
This should be rendered using the default serif font.
</p>

<pre>
And this is preformatted text that ought to be monospaced.
</pre>

</body>
</html>