normalmedium-ref.html 688 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  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; font-family: mplus1p; font-weight: normal; }
  21. </style>
  22. <script type="text/javascript">
  23. </script>
  24. </head>
  25. <body>
  26. <h4>The two lines below should match</h4>
  27. <p id="test1">Fiddling fiddlesticks!</p>
  28. <p id="test2">Fiddling fiddlesticks!</p>
  29. </body>
  30. </html>