normalmedium.html (750B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>Mapping 400 to medium</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 7 <style type="text/css"> 8 9 body { 10 margin: 50px; 11 } 12 13 @font-face { 14 font-family: mplus1p; 15 src: url(../fonts/mplus/mplus-1p-light.ttf); 16 font-weight: 200; 17 } 18 19 @font-face { 20 font-family: mplus1p; 21 src: url(../fonts/mplus/mplus-1p-medium.ttf); 22 font-weight: 500; 23 } 24 25 p { font-size: 24pt; } 26 #test1 { font-family: mplus1p; font-weight: normal; } 27 #test2 { font-family: mplus1p; font-weight: 500; } 28 29 </style> 30 31 <script type="text/javascript"> 32 33 </script> 34 35 </head> 36 <body> 37 38 <h4>The two lines below should match</h4> 39 40 <p id="test1">Fiddling fiddlesticks!</p> 41 <p id="test2">Fiddling fiddlesticks!</p> 42 43 </body> 44 </html>