<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
@font-face {
  font-family: test;
  src: url(../fonts/sil/GenR102.ttf);
}
body {
  font-family: test; /* family that lacks bold and italic faces */
  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>