normalmedium.html 750 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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. <style type="text/css">
  7. body {
  8. margin: 50px;
  9. }
  10. @font-face {
  11. font-family: mplus1p;
  12. src: url(../fonts/mplus/mplus-1p-light.ttf);
  13. font-weight: 200;
  14. }
  15. @font-face {
  16. font-family: mplus1p;
  17. src: url(../fonts/mplus/mplus-1p-medium.ttf);
  18. font-weight: 500;
  19. }
  20. p { font-size: 24pt; }
  21. #test1 { font-family: mplus1p; font-weight: normal; }
  22. #test2 { font-family: mplus1p; font-weight: 500; }
  23. </style>
  24. <script type="text/javascript">
  25. </script>
  26. </head>
  27. <body>
  28. <h4>The two lines below should match</h4>
  29. <p id="test1">Fiddling fiddlesticks!</p>
  30. <p id="test2">Fiddling fiddlesticks!</p>
  31. </body>
  32. </html>