<!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 ;
}
@font-face { font-family: mplus-w1; font-weight: 100; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w1; font-style: italic; font-weight: 100; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w1; font-style: oblique; font-weight: 100; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
.mplus-w1 { font-family: mplus-w1; }
@font-face { font-family: mplus-w2; font-weight: 200; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w2; font-style: italic; font-weight: 200; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w2; font-style: oblique; font-weight: 200; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
.mplus-w2 { font-family: mplus-w2; }
@font-face { font-family: mplus-w3; font-weight: 300; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w3; font-style: italic; font-weight: 300; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w3; font-style: oblique; font-weight: 300; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
.mplus-w3 { font-family: mplus-w3; }
@font-face { font-family: mplus-w4; font-weight: 400; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w4; font-style: italic; font-weight: 400; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w4; font-style: oblique; font-weight: 400; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
.mplus-w4 { font-family: mplus-w4; }
@font-face { font-family: mplus-w5; font-weight: 500; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w5; font-style: italic; font-weight: 500; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w5; font-style: oblique; font-weight: 500; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
.mplus-w5 { font-family: mplus-w5; }
@font-face { font-family: mplus-w6; font-weight: 600; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w6; font-style: italic; font-weight: 600; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w6; font-style: oblique; font-weight: 600; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
.mplus-w6 { font-family: mplus-w6; }
@font-face { font-family: mplus-w7; font-weight: 700; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w7; font-style: italic; font-weight: 700; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w7; font-style: oblique; font-weight: 700; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
.mplus-w7 { font-family: mplus-w7; }
@font-face { font-family: mplus-w8; font-weight: 800; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w8; font-style: italic; font-weight: 800; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w8; font-style: oblique; font-weight: 800; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
.mplus-w8 { font-family: mplus-w8; }
@font-face { font-family: mplus-w9; font-weight: 900; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w9; font-style: italic; font-weight: 900; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
@font-face { font-family: mplus-w9; font-style: oblique; font-weight: 900; src: url(../fonts/mplus/mplus-1p-regular.ttf); }
.mplus-w9 { font-family: mplus-w9; }
</style >
</head >
<body >
<h4>Text below should appear in normal face with no synthetic bolding/italics</h4>
<table >
<tr class="mplus-w1" >
<td style ="font-family: mplus1p;" >100</td >
<td >Regular</td >
<td style ="font-style: italic;" >Italic</td >
<td style ="font-style: oblique;" >Oblique</td >
<td style ="font-weight: 100;" >Regular</td >
<td style ="font-style: italic;font-weight: 100;" >Italic</td >
<td style ="font-style: oblique;font-weight: 100;" >Oblique</td >
</tr >
<tr class="mplus-w2" >
<td style ="font-family: mplus1p;" >200</td >
<td >Regular</td >
<td style ="font-style: italic;" >Italic</td >
<td style ="font-style: oblique;" >Oblique</td >
<td style ="font-weight: 200;" >Regular</td >
<td style ="font-style: italic;font-weight: 200;" >Italic</td >
<td style ="font-style: oblique;font-weight: 200;" >Oblique</td >
</tr >
<tr class="mplus-w3" >
<td style ="font-family: mplus1p;" >300</td >
<td >Regular</td >
<td style ="font-style: italic;" >Italic</td >
<td style ="font-style: oblique;" >Oblique</td >
<td style ="font-weight: 300;" >Regular</td >
<td style ="font-style: italic;font-weight: 300;" >Italic</td >
<td style ="font-style: oblique;font-weight: 300;" >Oblique</td >
</tr >
<tr class="mplus-w4" >
<td style ="font-family: mplus1p;" >400</td >
<td >Regular</td >
<td style ="font-style: italic;" >Italic</td >
<td style ="font-style: oblique;" >Oblique</td >
<td style ="font-weight: 400;" >Regular</td >
<td style ="font-style: italic;font-weight: 400;" >Italic</td >
<td style ="font-style: oblique;font-weight: 400;" >Oblique</td >
</tr >
<tr class="mplus-w5" >
<td style ="font-family: mplus1p;" >500</td >
<td >Regular</td >
<td style ="font-style: italic;" >Italic</td >
<td style ="font-style: oblique;" >Oblique</td >
<td style ="font-weight: 500;" >Regular</td >
<td style ="font-style: italic;font-weight: 500;" >Italic</td >
<td style ="font-style: oblique;font-weight: 500;" >Oblique</td >
</tr >
<tr class="mplus-w6" >
<td style ="font-family: mplus1p;" >600</td >
<td >Regular</td >
<td style ="font-style: italic;" >Italic</td >
<td style ="font-style: oblique;" >Oblique</td >
<td style ="font-weight: 600;" >Regular</td >
<td style ="font-style: italic;font-weight: 600;" >Italic</td >
<td style ="font-style: oblique;font-weight: 600;" >Oblique</td >
</tr >
<tr class="mplus-w7" >
<td style ="font-family: mplus1p;" >700</td >
<td >Regular</td >
<td style ="font-style: italic;" >Italic</td >
<td style ="font-style: oblique;" >Oblique</td >
<td style ="font-weight: 700;" >Regular</td >
<td style ="font-style: italic;font-weight: 700;" >Italic</td >
<td style ="font-style: oblique;font-weight: 700;" >Oblique</td >
</tr >
<tr class="mplus-w8" >
<td style ="font-family: mplus1p;" >800</td >
<td >Regular</td >
<td style ="font-style: italic;" >Italic</td >
<td style ="font-style: oblique;" >Oblique</td >
<td style ="font-weight: 800;" >Regular</td >
<td style ="font-style: italic;font-weight: 800;" >Italic</td >
<td style ="font-style: oblique;font-weight: 800;" >Oblique</td >
</tr >
<tr class="mplus-w9" >
<td style ="font-family: mplus1p;" >900</td >
<td >Regular</td >
<td style ="font-style: italic;" >Italic</td >
<td style ="font-style: oblique;" >Oblique</td >
<td style ="font-weight: 900;" >Regular</td >
<td style ="font-style: italic;font-weight: 900;" >Italic</td >
<td style ="font-style: oblique;font-weight: 900;" >Oblique</td >
</tr >
</table >
</body >
</html >
Messung V0.5 C=93 H=93 G=92
¤ Dauer der Verarbeitung: 0.9 Sekunden
(vorverarbeitet)
¤
*© Formatika GbR, Deutschland