<!DOCTYPE HTML>
<html>
<head>
<title>@font-face and synthetic rendering</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
@import url(../fonts/mplus/mplusfonts.css);
body {
margin: 50px;
font-family: mplus1p, Futura, sans-serif;
font-size: 18pt;
}
table {
border-collapse: collapse;
margin-left: 1em;
}
td + td {
padding-left: 1em;
}
</style>
</head>
<body>
<h4>Text below should appear in normal face with no synthetic bolding/italics</h4>
<table>
<tr>
<td>100</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>200</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>300</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>400</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>500</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>600</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>700</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>800</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
<tr>
<td>900</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
<td>Regular</td>
<td>Italic</td>
<td>Oblique</td>
</tr>
</table>
</body>
</html>
