| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| @font-face { |
| font-family: "WebFont"; |
| src: url("../../../resources/Ahem.otf") format("woff-variations"), local("Helvetica"); |
| } |
| @font-face { |
| font-family: "WebFont2"; |
| src: url("../../../resources/Ahem.otf") format("truetype-variations"), local("Helvetica"); |
| } |
| @font-face { |
| font-family: "WebFont3"; |
| src: url("../../../resources/Ahem.otf") format("opentype-variations"), local("Helvetica"); |
| } |
| </style> |
| </head> |
| <body> |
| This test passes of you see three black rectangles below. |
| <div style="font-size: 36px;"> |
| <p style="font-family: 'WebFont';">Hello</p> |
| <p style="font-family: 'WebFont2';">Hello</p> |
| <p style="font-family: 'WebFont3';">Hello</p> |
| </div> |
| </body> |
| </html> |