spacelookups.html 3.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>contextual substitutions for fonts with spaces in lookups</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com"/>
  7. <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#default-features"/>
  8. <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-feature-settings"/>
  9. <link rel="match" href="spacelookups-ref.html"/>
  10. <meta name="flags" content=""/>
  11. <meta name="assert" content="spaces in contextual lookups should not affect glyph substitutions"/>
  12. <meta name="bug" content="https://bugzilla.mozilla.org/show_bug.cgi?id=921858"/>
  13. <style type="text/css">
  14. /*
  15. Fonts below contain different arrangements of features/lookups. All
  16. contain substitution rules for words such "default-script". Each individual
  17. font has additional substitution rules so that a sequence of words with
  18. spaces will end up as a thumbs up icon glyph.
  19. */
  20. @font-face {
  21. font-family: spacelookup-defscr-deflang-deffeat;
  22. src: url(../fonts/spacelookups/spacelookup-defscr-deflang-deffeat.ttf);
  23. }
  24. @font-face {
  25. font-family: spacelookup-defscr-deflang-ndeffeat;
  26. src: url(../fonts/spacelookups/spacelookup-defscr-deflang-ndeffeat.ttf);
  27. }
  28. @font-face {
  29. font-family: spacelookup-latnscr-deflang-deffeat;
  30. src: url(../fonts/spacelookups/spacelookup-latnscr-deflang-deffeat.ttf);
  31. }
  32. @font-face {
  33. font-family: spacelookup-latnscr-deflang-ndeffeat;
  34. src: url(../fonts/spacelookups/spacelookup-latnscr-deflang-ndeffeat.ttf);
  35. }
  36. @font-face {
  37. font-family: spacelookup-latnscr-fralang-deffeat;
  38. src: url(../fonts/spacelookups/spacelookup-latnscr-fralang-deffeat.ttf);
  39. }
  40. @font-face {
  41. font-family: spacelookup-latnscr-fralang-ndeffeat;
  42. src: url(../fonts/spacelookups/spacelookup-latnscr-fralang-ndeffeat.ttf);
  43. }
  44. body {
  45. margin: 20px 40px;
  46. line-height: 1.2;
  47. }
  48. div { font-size: 400%; }
  49. .spacelookup-defscr-deflang-deffeat { font-family: spacelookup-defscr-deflang-deffeat; }
  50. .spacelookup-defscr-deflang-ndeffeat { font-family: spacelookup-defscr-deflang-ndeffeat; }
  51. .spacelookup-latnscr-deflang-deffeat { font-family: spacelookup-latnscr-deflang-deffeat; }
  52. .spacelookup-latnscr-deflang-ndeffeat { font-family: spacelookup-latnscr-deflang-ndeffeat; }
  53. .spacelookup-latnscr-fralang-deffeat { font-family: spacelookup-latnscr-fralang-deffeat; }
  54. .spacelookup-latnscr-fralang-ndeffeat { font-family: spacelookup-latnscr-fralang-ndeffeat; }
  55. .dlig {
  56. -webkit-font-feature-settings: "dlig" on;
  57. font-feature-settings: "dlig" on;
  58. }
  59. </style>
  60. </head>
  61. <body>
  62. <div class="spacelookup-defscr-deflang-deffeat">
  63. <span class="spacelookup-defscr-deflang-deffeat">default-script default-lang default-feature</span>
  64. <span class="spacelookup-defscr-deflang-ndeffeat dlig">default-script default-lang non-default-feature</span>
  65. <span class="spacelookup-latnscr-deflang-deffeat">latn-script default-lang default-feature</span>
  66. <span class="spacelookup-latnscr-deflang-ndeffeat dlig">latn-script default-lang non-default-feature</span>
  67. <span class="spacelookup-latnscr-fralang-deffeat" lang="fr">latn-script fra-lang default-feature</span>
  68. <span class="spacelookup-latnscr-fralang-ndeffeat dlig" lang="fr">latn-script fra-lang non-default-feature</span>
  69. </div>
  70. </body>
  71. </html>