<!DOCTYPE html> <html> <head> <style type="text/css"> @font-face { font-family: test; src: local(Nimbus Sans L), local(NimbusSansL-Regu), local(Helvetica), local(Bitstream Vera Sans), local(Arial), local(Liberation Sans), local(SwissA), local(Fira Sans OT), local(Fira Sans), local(Droid Sans), local(Roboto); } @font-face { font-family: test; font-style: italic; src: local(Nimbus Sans L), local(NimbusSansL-Regu), local(Helvetica), local(Bitstream Vera Sans), local(Arial), local(Liberation Sans), local(SwissA), local(Fira Sans OT), local(Fira Sans), local(Droid Sans), local(Roboto); } @font-face { font-family: test; font-weight: bold; src: local(Nimbus Sans L), local(NimbusSansL-Regu), local(Helvetica), local(Bitstream Vera Sans), local(Arial), local(Liberation Sans), local(SwissA), local(Fira Sans OT), local(Fira Sans), local(Droid Sans), local(Roboto); } div { font-family: test, serif; margin: 10px; } </style> </head> <body> <div style="font-family:serif"> This serif font should NOT be used below. </div> <hr> <div> These three lines should all use the same font face. </div> <div> <b>This line should NOT be bold.</b> </div> <div> <i>This line should NOT be italic.</i> </div> </body> </html>