local-styled-1.html

Enable keyboard shortcuts

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