<!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>Hello, cruel <b>world!</b> <p>Hello, <i>cruel</i> world<i>!</i> <p>Hello, cruel world! </body> </html>