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