synthetic-weight-style-ref.html (1671B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>@font-face and synthetic rendering</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 7 <style type="text/css"> 8 9 @import url(../fonts/mplus/mplusfonts.css); 10 11 body { 12 margin: 50px; 13 font-family: mplus1p, Futura, sans-serif; 14 font-size: 18pt; 15 } 16 17 table { 18 border-collapse: collapse; 19 margin-left: 1em; 20 } 21 22 td + td { 23 padding-left: 1em; 24 } 25 26 </style> 27 28 29 </head> 30 31 <body> 32 33 <h4>Text below should appear in normal face with no synthetic bolding/italics</h4> 34 35 <table> 36 <tr> 37 <td>100</td> 38 <td>Regular</td> 39 <td>Italic</td> 40 <td>Oblique</td> 41 <td>Regular</td> 42 <td>Italic</td> 43 <td>Oblique</td> 44 </tr> 45 <tr> 46 <td>200</td> 47 <td>Regular</td> 48 <td>Italic</td> 49 <td>Oblique</td> 50 <td>Regular</td> 51 <td>Italic</td> 52 <td>Oblique</td> 53 </tr> 54 <tr> 55 <td>300</td> 56 <td>Regular</td> 57 <td>Italic</td> 58 <td>Oblique</td> 59 <td>Regular</td> 60 <td>Italic</td> 61 <td>Oblique</td> 62 </tr> 63 <tr> 64 <td>400</td> 65 <td>Regular</td> 66 <td>Italic</td> 67 <td>Oblique</td> 68 <td>Regular</td> 69 <td>Italic</td> 70 <td>Oblique</td> 71 </tr> 72 <tr> 73 <td>500</td> 74 <td>Regular</td> 75 <td>Italic</td> 76 <td>Oblique</td> 77 <td>Regular</td> 78 <td>Italic</td> 79 <td>Oblique</td> 80 </tr> 81 <tr> 82 <td>600</td> 83 <td>Regular</td> 84 <td>Italic</td> 85 <td>Oblique</td> 86 <td>Regular</td> 87 <td>Italic</td> 88 <td>Oblique</td> 89 </tr> 90 <tr> 91 <td>700</td> 92 <td>Regular</td> 93 <td>Italic</td> 94 <td>Oblique</td> 95 <td>Regular</td> 96 <td>Italic</td> 97 <td>Oblique</td> 98 </tr> 99 <tr> 100 <td>800</td> 101 <td>Regular</td> 102 <td>Italic</td> 103 <td>Oblique</td> 104 <td>Regular</td> 105 <td>Italic</td> 106 <td>Oblique</td> 107 </tr> 108 <tr> 109 <td>900</td> 110 <td>Regular</td> 111 <td>Italic</td> 112 <td>Oblique</td> 113 <td>Regular</td> 114 <td>Italic</td> 115 <td>Oblique</td> 116 </tr> 117 </table> 118 119 </body> 120 </html>