| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| @font-face { |
| font-family: "WebFont1"; |
| src: url("resources/collection.ttc#Ahemerator"); |
| } |
| @font-face { |
| font-family: "WebFont2"; |
| src: url("resources/collection.ttc#Ahem"); |
| } |
| </style> |
| </head> |
| <body> |
| This test makes sure that font collections work correctly. The font passes if you see a letter "A" followed by two squares below. |
| <div style="-webkit-font-smoothing: none;"> |
| <div style="display: inline-block; width: 1px; height: 100px;"></div> |
| <div style="display: inline-block; margin: 5px; font: 48px 'WebFont1', 'Helvetica';">A</div> |
| <div style="display: inline-block; margin: 5px; font: 48px 'WebFont2', 'Helvetica';">A</div> |
| <div style="display: inline-block; margin: 5px; font: 48px 'WebFont1', 'Helvetica';">B</div> |
| </div> |
| </body> |
| </html> |
