| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| @font-face { |
| font-family: 'Litherum'; |
| src: url("./resources/Litherum.svg") format(svg) |
| } |
| #p { |
| font: 1000px 'Litherum'; |
| text-decoration: underline; |
| } |
| </style> |
| </head> |
| <body> |
| This test draws a giant character with an SVG font and positions the viewport |
| in the gap where the underline should be skipping over the character. It should appear |
| white. |
| <div style="position: absolute; width: 62px; height: 100px; overflow: hidden;"> |
| <div style="position: absolute; left: -295px; top: -1100px;"> |
| <div id="p">|</div> |
| </div> |
| </div> |
| </body> |
| </html> |