font-synthesis-1.html 548 B

123456789101112131415161718192021222324
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <style>
  6. @font-face {
  7. font-family: test;
  8. src: url(../fonts/sil/GenR102.ttf);
  9. }
  10. body {
  11. font-family: test; /* family that lacks bold and italic faces */
  12. font-size: 36px;
  13. margin: 1em;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <p>Hello, <i>cruel</i> <b>world<i>!</i></b>
  19. <p style="font-synthesis:weight">Hello, <i>cruel</i> <b>world<i>!</i></b>
  20. <p style="font-synthesis:style">Hello, <i>cruel</i> <b>world<i>!</i></b>
  21. <p style="font-synthesis:none">Hello, <i>cruel</i> <b>world<i>!</i></b>
  22. </body>
  23. </html>