<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
@font-face {
  font-family: test;
  src: url(../fonts/sil/GenR102.ttf);
}
body {
  /* try for a locally-installed font that lacks Bold and Italic faces */
  font-family: Papyrus, /* OS X */
               Microsoft Sans Serif, /* Windows */
               /* XXX no idea what to try for Linux desktop systems :( */
               Droid Sans Fallback, /* Android, B2G */
               test; /* fallback to avoid failures on "none of the above" */
  font-size: 36px;
  margin: 1em;
}
</style>
</head>
<body>
<p>Hello, <i>cruel</i> <b>world<i>!</i></b>
<p style="font-synthesis:weight">Hello, <i>cruel</i> <b>world<i>!</i></b>
<p style="font-synthesis:style">Hello, <i>cruel</i> <b>world<i>!</i></b>
<p style="font-synthesis:none">Hello, <i>cruel</i> <b>world<i>!</i></b>
</body>
</html>