<!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>