font-synthesis-2.html (847B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 @font-face { 7 font-family: test; 8 src: url(../fonts/sil/GenR102.ttf); 9 } 10 body { 11 /* try for a locally-installed font that lacks Bold and Italic faces */ 12 font-family: Papyrus, /* OS X */ 13 Microsoft Sans Serif, /* Windows */ 14 /* XXX no idea what to try for Linux desktop systems :( */ 15 Droid Sans Fallback, /* Android, B2G */ 16 test; /* fallback to avoid failures on "none of the above" */ 17 font-size: 36px; 18 margin: 1em; 19 } 20 </style> 21 </head> 22 <body> 23 <p>Hello, <i>cruel</i> <b>world<i>!</i></b> 24 <p style="font-synthesis:weight">Hello, <i>cruel</i> <b>world<i>!</i></b> 25 <p style="font-synthesis:style">Hello, <i>cruel</i> <b>world<i>!</i></b> 26 <p style="font-synthesis:none">Hello, <i>cruel</i> <b>world<i>!</i></b> 27 </body> 28 </html>