|
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 |
|
12 td { |
|
13 padding: 10px 5px; |
|
14 } |
|
15 |
|
16 .test { |
|
17 font-family: ligsym; |
|
18 font-size: 150%; |
|
19 -moz-font-feature-settings: "liga=1"; |
|
20 -moz-font-feature-settings: "liga" on; |
|
21 -webkit-font-feature-settings: "liga" on; |
|
22 -ms-font-feature-settings: "liga" on; |
|
23 -o-font-feature-settings: "liga" on; |
|
24 font-feature-settings: "liga" on; |
|
25 } |
|
26 </style> |
|
27 </head> |
|
28 |
|
29 <body> |
|
30 |
|
31 <table> |
|
32 <tr><td>calendar</td><td class="test">calendar</td></tr> |
|
33 <tr><td>daily calendar</td><td class="test">daily calendar</td></tr> |
|
34 <tr><td>align left</td><td class="test">align left</td></tr> |
|
35 <tr><td>align center</td><td class="test">align center</td></tr> |
|
36 <tr><td>align right</td><td class="test">align right</td></tr> |
|
37 <tr><td>volume</td><td class="test">volume</td></tr> |
|
38 <tr><td>volume down</td><td class="test">volume down</td></tr> |
|
39 <tr><td>volume up</td><td class="test">volume up</td></tr> |
|
40 <tr><td>zoom in</td><td class="test">zoom in</td></tr> |
|
41 <tr><td>zoom out</td><td class="test">zoom out</td></tr> |
|
42 <tr><td>heart</td><td class="test">heart</td></tr> |
|
43 <tr><td>heart empty</td><td class="test">heart empty</td></tr> |
|
44 </table> |
|
45 |
|
46 </body> |
|
47 </html> |