font-features-across-space-1-ref.html 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>ligature-across-space test</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <style type="text/css">
  7. @font-face {
  8. font-family: ligsym;
  9. src: url(../fonts/LigatureSymbolsWithSpaces.woff);
  10. }
  11. td {
  12. padding: 10px 5px;
  13. }
  14. .test {
  15. font-family: ligsym;
  16. font-size: 150%;
  17. -webkit-font-feature-settings: "liga" on;
  18. -o-font-feature-settings: "liga" on;
  19. font-feature-settings: "liga" on;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <table>
  25. <tr><td>calendar</td><td class="test">&#xe15e;</td></tr>
  26. <tr><td>daily calendar</td><td class="test">&#xe025;</td></tr>
  27. <tr><td>align left</td><td class="test">&#xe005;</td></tr>
  28. <tr><td>align center</td><td class="test">&#xe004;</td></tr>
  29. <tr><td>align right</td><td class="test">&#xe006;</td></tr>
  30. <tr><td>volume</td><td class="test">&#xe13b;</td></tr>
  31. <tr><td>volume down</td><td class="test">&#xe13c;</td></tr>
  32. <tr><td>volume up</td><td class="test">&#xe13d;</td></tr>
  33. <tr><td>zoom in</td><td class="test">&#xe142;</td></tr>
  34. <tr><td>zoom out</td><td class="test">&#xe143;</td></tr>
  35. <tr><td>heart</td><td class="test">&#xe06e;</td></tr>
  36. <tr><td>heart empty</td><td class="test">&#xe06f;</td></tr>
  37. </table>
  38. </body>
  39. </html>